Arc gis api for js 学习随笔之绑定事件鼠标动作

最新推荐文章于 2022-02-10 17:45:55 发布

weixin_34406061

最新推荐文章于 2022-02-10 17:45:55 发布

阅读量256

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/joegaohuanlin/p/5151350.html

本文介绍了一个使用Dojo和Esri Map API实现的地图应用案例。该案例通过绑定鼠标移动事件，实时显示地图上的地理坐标和屏幕坐标，适用于地理信息系统(GIS)开发人员学习和参考。

 1     var map;
 2             require(["esri/map", "dojo/domReady!"], function(Map) {
 3                  map = new Map("GHL", {
 4                     
 5                     zoom: 3,
 6                     basemap: "topo",
 7                     logo:false,
 8                     
 9                     
10                 });
11                 dojo.connect(map,"onMouseMove",function(e){
12                 var mp = e.mapPoint;
13                 var sp = e.screenPoint;
14                 dojo.byId("map1").innerHTML = mp.x+"/"+sp.x;  
15                 dojo.byId("map2").innerHTML = mp.y+"/"+sp.y;  
16             })
17             });
18             
19         
20         </script>
21     <body>
22     <div id="GHL"></div>
23     <div id="map1"></div>
24     <div id="map2"></div>

View Code

主要关键是，添加绑定事件的方法dojo.connect   
该例子可以显示当鼠标滑动在地图上时，会显示两种不同的坐标！

 <script>
 var map;
   require(["esri/map", "dojo/domReady!"], function(Map) {
     map = new Map("GHL", {
     
     zoom: 3,
     basemap: "topo",
     logo:false,
     
     
    });
    dojo.connect(map,"onMouseMove",function(e){
    var mp = e.mapPoint;
    var sp = e.screenPoint;
    dojo.byId("map1").innerHTML = mp.x+"/"+sp.x;  
    dojo.byId("map2").innerHTML = mp.y+"/"+sp.y;  
   })
   });
   
  
  </script>
    <body>
    <div id="GHL"></div>
    <div id="map1"></div>
    <div id="map2"></div>
 </body>