添加地图
描述
本示例讲述如何使用ArcGIS Server中的服务并显示一幅地图。这个服务器的地图服务是经过缓存处理的,服务器管理者创建了一系列预先处理的切片数据来提升显示效果。因此,本地图的显示使用 ArcGISTiledMapServiceLayer来实现。
如果地图服务没有经过缓存处理,则使用 ArcGISDynamicMapServiceLayer来显示地图。如果你不知道一个地图服务是否经过缓存处理,可以使用 服务目录 来查看。
请注意切片地图服务层的构造函数包含服务的URL (http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer)。 你可以使用服务目录 来查找你自己的地图服务的URL。
下面的一行代码表示将ArcGIS Server中的服务添加到地图中:
map.addLayer(tiledMapServiceLayer);
代码
<!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_Imagery_World_2D/MapServer");
map.addLayer(tiledMapServiceLayer);
}
dojo.addOnLoad(init);
</script>
</head>
<body class="tundra">
<div id="map" style="width:900px; height:600px; border:1px solid #000;"></div>
Creates a map and adds an ArcGISTiledMapServiceLayer.<br />
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>