web开发java arcgis 鹰眼.docx

鹰眼在缩放地图时，当比例尺变大时有可能导致不知道显示的地图是在地理位置的哪里，为了能不影响所需要显示指定比例尺的地图而又能确定地图显示的大概地理位置，所以就有了鹰眼来解决这个问题（1）首页在页面body里面定义一个大地图显示的div—map然后在map里面定义一个小地图显示的div---mapSmall同时还需要在小地图里面定义一个可拖动的层—dragDIv!—大地图map图层 --div id=map style=position:relative;width:100%; height:100%; border:1px solid #000;z-index:0!—关闭小地图的图层smallCloseDiv --!--div id=smallCloseDiv title=关闭鹰眼 onclick=closeMapSmall(this) align=center style=position:absolute;cursor:pointer;left:0px;bottom:25%;width:15px;height:13px;border:2px solid #999999;z-index:3－/div--!—小地图mapSmall图层 --div id=mapSmall style=position:absolute;border:1px solid blue;z-index:1;left:0px; bottom:0px; width:25%; height:25%;filter:Alpha(opacity=100);background:#fff!—可拖动层dragDiv --table id=dragDiv style=position:absolute;cursor:move;width:30px;height:20px;border:2px solid red;left:150px;top:100px;z-index:2; onmousedown=f_mdown(this) onmouseup=f_mouseup(this) onmousemove=f_move(this)trtd align=center/td/tr/table/div/div(2)在javascript里面：script type=text/javascriptvar map;//定义大地图//定义图层var gz;function init(){map= new esri.Map(map); mapSmall=new esri.Map(mapSmall);//小地图mapSmall服务（在大地图map服务之前加载）DynamicMapLayer = new esri.layers.ArcGISTiledMapServiceLayer(mapServer+arcgis/rest/services/rbwms/MapServer); mapSmall.addLayer(DynamicMapLayer);//大地图map服务gz= new esri.layers.ArcGISTiledMapServiceLayer(mapServer+arcgis/rest/services/gz/MapServer); map.addLayer(gz);//map onLoad加载事件dojo.connect(map,onLoad,function(){mapLoad();//初始化可拖动层的大小和位置map.setLevel(2);});//-----------------------鹰眼功能---------------------- //mapSmall onLoad加载事件 dojo.connect(mapSmall, onLoad,mapSmallLoad);//map onExtentChange视野范围改变事件dojo.connect(map,onExtentChange,mapExtentChange);//mapSmall onExtentChange视野范围改变事件dojo.connect(mapSmall,onExtentChange,mapSmallExtentChange);//mapSmall onClick点击事件dojo.connect(mapSmall,onClick,mapSmallClick);////map地图所在div大小改变时触发事件dojo.connect(map,onResize,mapResize);//----------------------------加载-----------------------dojo.addOnLoad(init);/script(3)在页面引用pu