Map navigation using mouse:
<ul>
<li>Drag to pan</li>
<li>SHIFT + Click to recenter</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>
2.2 加入地图并显示当前地图范围
描述
这个示例使用 '*"
属性接收地图范围的左下角和右上角坐标 +书签+。
使用下列行创建地图%
var map = new esri.Map("map");
上面行中++出现了三次。第一次是对象的名称,第二次 '是类的名称,第三次++是将包含地图的 !- 的名称。
这个示例加入一个
找到地图服务的 #。
下行代码为地图的 showExtent 事件增加了一个事件监听器:
dojo.connect(map, "onExtentChange", showExtent);
这意味着如果地图的范围被修改,回调函数 showExtent 将被调用。showExtent 函数构建一个包含地图的两个角的坐标的字符串。
"./"0*'*,*'
#$"0*'**,*' *
这两个角是需要知道用于地图的边界框的。showExtent 函数的最后一行通过增加完整的字符串到1/"1!- 在页面上显示坐标%
dojo.byId("info").innerHTML = s;
代码
<!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</title>
<link rel="stylesheet" type="text/css" href="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");
var tiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/
ESRI_StreetMap_World_2D/MapServer");
map.addLayer(tiledMapServiceLayer);
dojo.connect(map, "onExtentChange", showExtent);
}
function showExtent(extent) {
var s = "";
s = "XMin: "+ extent.xmin + " "
评论1
最新资源