ArcGIS for javascript 控制地图显示范围,显示级别
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即可设定地图的可见范围。
控制缩放级别
在实际项目开发中,我们放大地图到一定的级别,就看不到地图了,或者是缩小地图到一定级别就看不清地图了。我们就需要限定一下地图缩放级别
- 设定zoom,使用view对象的constraints.minZoom和constraints.maxZoom属性
view.constraints = {
minZoom: 2,
maxZoom: 8,
};
这样子就可以限制地图的缩放范围在2-8这几个级别了,超出这个范围,鼠标滚轮滚动就不会有效果了
- 设定scale,使用view对象的constraints.minScale 和constraints.maxScale 属性
view.constraints = {
minScale : 500000,
maxScale : 0,
};
minScale允许地图缩放的最小比例尺,maxScale地图缩放的最大比例尺,如果设置maxScale:0则允许一直放大地图。
以上两种限制地图缩放级别的方法,都能达到限制地图缩放级别的效果,结合实际项目进行选用吧
分类:
ArcGIS Map SDK
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾(3.3-3.9)
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」