如题,先上效果:
以上效果是在arcgis_js_v320_api上实现的,其他版本请自行测试。
分屏最常用的是通过绑定map的extent-change事件来改变非主地图的视图,效果如下:
有延迟确实看着有点不舒服;
还有就是通过多个new MapView()然后用同一个map对象去达到实时的效果,但是则又不符合分屏地图使用添加不同的地图图层的使用场景,
因此尝试实现了一下实时联动,具体内容如下:
主要实现内容:
自定义了mymap类(继承于map类),重写了map的pan和zoom相关的几个方法:
maplinker是主地图标识,linkmaps为所有分屏地图;
splitmap.js:分屏地图的容器
html页面: