arcgis api for js 地图分屏实时联动

如题,先上效果:


以上效果是在arcgis_js_v320_api上实现的,其他版本请自行测试。

分屏最常用的是通过绑定map的extent-change事件来改变非主地图的视图,效果如下:

arcgis api for js 地图分屏实时联动_第1张图片

有延迟确实看着有点不舒服;

还有就是通过多个new MapView()然后用同一个map对象去达到实时的效果,但是则又不符合分屏地图使用添加不同的地图图层的使用场景,

因此尝试实现了一下实时联动,具体内容如下:

主要实现内容:

      自定义了mymap类(继承于map类),重写了map的pan和zoom相关的几个方法:

    arcgis api for js 地图分屏实时联动_第2张图片

    maplinker是主地图标识,linkmaps为所有分屏地图;

splitmap.js:分屏地图的容器

arcgis api for js 地图分屏实时联动_第3张图片

html页面:

arcgis api for js 地图分屏实时联动_第4张图片

源码

你可能感兴趣的:(arcgis,api,for,js,arcgis,api,for,js)