ArcGIS for javascript 控制地图显示范围,显示级别

发布时间 2023-08-29 16:35:25作者: xustch

ArcGIS for javascript(4.27)控制地图显示范围,显示级别

控制显示范围

在实际项目开发中我们可能会遇到控制地图显示范围的情况,控制地图范围,你需要设置view对象的extent属性,比如

const ext = new Extent({
  xmin: -13056650,
  ymin: 6077558,
  xmax: -13055709,
  ymax: 6077938,
  spatialReference: new SpatialReference({wkid:3857})
});
view.extent = ext;

xmin,ymin,xmax,ymax分别最小经度,最小纬度,最大经度,最大纬度。

spatialReference是坐标系。将ext赋值给view.extent即可设定地图的可见范围。

控制缩放级别

在实际项目开发中,我们放大地图到一定的级别,就看不到地图了,或者是缩小地图到一定级别就看不清地图了。我们就需要限定一下地图缩放级别

  1. 设定zoom,使用view对象的constraints.minZoom和constraints.maxZoom属性
view.constraints = {
  minZoom: 2,
  maxZoom: 8,
};

这样子就可以限制地图的缩放范围在2-8这几个级别了,超出这个范围,鼠标滚轮滚动就不会有效果了

  1. 设定scale,使用view对象的constraints.minScale 和constraints.maxScale 属性
view.constraints = {
  minScale : 500000,
  maxScale : 0,
};

minScale允许地图缩放的最小比例尺,maxScale地图缩放的最大比例尺,如果设置maxScale:0则允许一直放大地图。

以上两种限制地图缩放级别的方法,都能达到限制地图缩放级别的效果,结合实际项目进行选用吧

转载链接