我翻译的第一篇ArcGIS JavaScript API帮助文档

添加地图

描述

本示例讲述如何使用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> 


posted on 2010-04-08 09:17  wns  阅读(1359)  评论(0编辑  收藏  举报

导航

中心经纬度:(34.25494631082515, 108.95416259765625)