日期:2014-05-16  浏览次数:20358 次

arcgis server javascriptAPI3.0本地部署步骤

1、在地址http://www.esri.com/apps/products/download/index.cfm?fuseaction=download.all#ArcGIS_API_for_JavaScript下载3.0API压缩包;

2、在本地解压,解压后,文件夹内主要有jsapi、jsapicompact两个文件夹,这是两个不同的模式,我们选用jsapi普通模式;

3、在myEclipse中创建一个webproject项目,名称为testWebgis;

4、将jsapi文件夹放到项目的WebRoot目录下;

5、修改三个文件,分别是init.js、dojo.js、dojo.js.uncompressed.js,搜索文件中的'[HOSTNAME_AND_PATH_TO_JSAPI]’,以本人为例,替换为'localhost:8088/testWebgis/';

6、创建测试页面aa.html,页面代码如下:

  1. <!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>Simple Map</title>
        <link rel="stylesheet" type="text/css" href="jsapi/js/dojo/dijit/themes/tundra/tundra.css">
        <script type="text/javascript" src="jsapi/js/dojo/dojo/dojo.js"></script>
        <script type="text/javascript" src="jsapi/init.js"></script>
        <script type="text/javascript">
          dojo.require("esri.map");
          function init() {
            var myMap = new esri.Map("mapDiv");
            var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://localhost:8399/arcgis/rest//services/Untitled/MapServer");
            myMap.addLayer(myTiledMapServiceLayer);
          }
          dojo.addOnLoad(init);
        </script>
      </head>
      <body class="tundra">
        <div id="mapDiv" style="width:900px; height:600px; border:1px solid #000;"></div>
      </body>
    </html>

7、注意js文件引用顺序。访问aa.html页面即可看到效果;

8、该方法仅仅是将api引用到某一个工程项目下,事实上可以将api单独发布到tomcat容器下,可以为其他项目提供服务引用。