Map navigation using mouse:
<ul>
<li>Drag to pan</li>
<li>SHIFT + Click to recenter</li>
<li>SHIFT + Drag to zoom in</li>
<li>SHIFT + CTRL + Drag to zoom out</li>
<li>Mouse Scroll Forward to zoom in</li>
<li>Mouse Scroll Backward to zoom out</li>
<li>Use Arrow keys to pan</li>
<li>+ key to zoom in a level</li>
<li>- key to zoom out a level</li>
<li>Double Click to Center and Zoom in</li>
</ul>
</body>
</html>
3 加入地图并显示 x,y 坐标
述
示例报告了用户在地图上悬停和拖拽鼠标的鼠标指针坐标。通过事件监听器来更新鼠标移到的 x 和 y 坐标。
代码创建了地图：
r map = new esri.Map("map");
行中"Map"出现了三次。第一次(var map)是对象的名称，第二次 (esri.Map)是类的名称,第三次("map")是将包含地图的 DIV 的名称。
示例加入一个 ArcGISTiledMapServiceLayer 到底图，表示一个 cachedArcGIS Server 地图服务，但是也可以使用 ArcGISDynamicMapServiceLayer。这种方式接收的地图的范围
同的。
切片地图服务层的构造函数需要服务的 REST 端点的 URL(http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer)。可以使用 Services
rectory 找到地图服务的 URL。
行代码增加了事件监听器到地图。一个监听器为了 onMouseMove，另外一个为了 onMouseDrag，但是他们都是调用函数 showCoordinates:
jo.connect(map, "onMouseMove", showCoordinates);
jo.connect(map, "onMouseDrag", showCoordinates);
事件都传递地图点坐标到 showCoordinates 函数。下列代码是函数如何获得坐标并写到"info"标签：
r mp = evt.mapPoint;
jo.byId("info").innerHTML = mp.x + ", " + mp.y;
码
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>Create Map Display Mouse Coordinates</title>
<link rel="stylesheet" type="text/css"
ref="http://serverapi.arcgisonline.com/jsapi/arcgis/1.5/js/dojo/dijit/themes/tundra/tundra.css
<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.5"></script>
<script type="text/javascript">
dojo.require("esri.map");
function init() {
var map = new esri.Map("map");
dojo.connect(map, "onLoad", function() {
//after map loads, connect to listen to mouse move & drag events
dojo.connect(map, "onMouseMove", showCoordinates);
dojo.connect(map, "onMouseDrag", showCoordinates);
});
var tiledMapServiceLayer = n
esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer");
map.addLayer(tiledMapServiceLayer);
}
