html双屏之间如何联动,ArcGIS API for JavaScript实现地图双屏联动

使用ArcGIS API for JavaScript，可以很方便的实现地图联动。最简单的方式是借助Map对象的extent-change 事件，当然，也可以借助zoom-end、pan-end、mouse-drag-end等事件，本文使用第一种方式，实现地图的平移联动、鼠标双击放大联动、点击缩放按钮联动等，具体实现代码如下：

地图分屏

require([

"dojo/ready",

"dojo/parser",

"dijit/layout/BorderContainer",

"dijit/layout/ContentPane",

"esri/map",

"esri/geometry/Extent",

"esri/layers/ArcGISTiledMapServiceLayer",

"dojo/domReady!"

], function(ready,parser,BorderContainer, ContentPane,Map,Extent,ArcGISTiledMapServiceLayer) {

parser.parse();

/*

* 矢量地图的构建

*/

var vecMap=new Map("vecMap",{

extent: new Extent({xmin:105,ymin:31,xmax:110,ymax:40,

spatialReference:{wkid:4326}}),

logo:false

});

var tiledMapServiceLay