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 Ten }); One dojo.connect (map, "OnMouseMove", function (e) { A var MP = E.mappoint; - var sp = e.screenpoint; - Dojo.byid ("Map1"). InnerHTML = mp.x+ "/" +sp.x; the Dojo.byid ("Map2"). InnerHTML = mp.y+ "/" +SP.Y; - }) - }); - + - </Script> + <Body> A <DivID= "GHL"></Div> at <DivID= "Map1"></Div> - <DivID= "Map2"></Div>
View Code
The main key is to add a method for binding events Dojo.connect
This example shows that when the mouse slides on the map, two different coordinates will be displayed!
<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>
ARC GIS API for JS learning essay binding event mouse action