ArcGIS API for JavaScript(4.x)初始化地图

最新推荐文章于 2024-06-02 13:37:44 发布

GisToBeContinued

最新推荐文章于 2024-06-02 13:37:44 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_38190600/article/details/89300391

本文详细介绍了如何使用 ArcGIS JavaScript API 进行地图配置，包括自定义地图范围、设置缩放级别限制、调整UI组件位置及比例尺等操作。通过代码示例，展示了如何创建地图实例，加载 OpenStreetMap 基础地图，设置地图视图的中心点、容器、约束条件和初始缩放等级，并初始化地图范围。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  require([
    'esri/Map',
	'esri/views/MapView',
	"esri/geometry/Extent",
	"esri/geometry/SpatialReference",	
     ], function (
     Map,MapView，Extent，SpatialReference
     ) {
     //如果自定义切图底图则不需要basenap
 		var map  = new Map({basemap:'osm'});
        var mapView = new MapView({
            //center: [84.87, 42.57], // long, lat
            container: "containid",
            map: map,
            constraints: {
              minZoom: 3,
              maxZoom: 18,
              snapToZoom: false
            },
            zoom: 1
        });
        //地图初始化范围
        mapView.extent = new Extent(8181888.285583924,  4073662.410032952, 10729665.6017059,
      6305376.552373809, new SpatialReference({wkid: 3857}));
       // esri移除水印
        mapView.ui.remove(['attribution']);
        //放大缩小按钮
        mapView.ui.move("zoom", "top-right");
        //矢量服务设置比例
        mapView.scale = 240000
}）