您的位置：首页 > Web前端 > JavaScript

ArcGIS Server JavaScript API实战(一)

2008-08-21 13:07 363 查看

前一篇文章简单的介绍了一下如何使用arcgis server来发布地图，接着谈使用ArcGIS Server JavaScript API来操作显示地图。

由于arcgis server是才刚在在9.3版本推出 JavaScript API,目前唯一可供参考的资料就是esri提供的文档。在阅读之前建议先去esri的网站查看一下文档，里面提供了大量的示例和说明，是初学者的最佳去处，本文也是在此基础之上完成的。该文档目前不提供下载，仅供在线阅览。

http://resources.esri.com/help/9.3/arcgisserver/apis/javascript/arcgis/help/jshelp_start.htm

前面的文章中主要谈了地图的显示，这里主要谈其中遇到的问题。

据我目前所知，使用ArcGIS Server JavaScript API来显示地图的话，必须联网。

在如下html页面中，我们来显示一幅地图，利用的是本地的arcgis server服务：

<!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"/>

    <title>Create a Map</title>

    <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.1/js/dojo/dijit/themes/tundra/tundra.css">

    <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.1"></script>

    <script type="text/javascript">

      dojo.require("esri.map");

      function init() {

        var myMap = new esri.Map("mapDiv");

        var dynamicMapServiceLayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://rzf:8399/arcgis/rest/services/test_2/MapServer");

        myMap.addLayer(dynamicMapServiceLayer);

      }

      dojo.addOnLoad(init);

    </script>

  </head>

  <body class="tundra">

    <div id="mapDiv" style="width:900px; height:600px; border:1px solid #000;"></div>

    <h4>Work flow:</h4>

    <ul>

    <li>Create a map.</li>

    <li>Add an ArcGISTiledMapServiceLayer.</li>

    </ul>

  </body>

</html>

其效果如下：
注意看其中的两行：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航