【ArcGis for javascript从零开始】之二 ArcGIS for JavaScript安装本地API

本文链接：https://blog.csdn.net/pixie15/article/details/50316795

本宝宝写这篇文章的时候，ArcGIS版本4已经出了两版Beta版了，版本3出到3.14开发版。但是我领导认为新的版本才运行没有多长时间，可能不太稳定，网上的类似文章出少，所以选定了3.9。这一点我必须要吐槽，你以为3.9的资源就多了么？要什么需求我还不是要去找API和Demo!!

上次已经翻译了3.9给出的安装API，看看那个说明应该就没什么大问题了。但是就是这么简单的几步，还是浪费了一天的时间，说起来都是泪。官方安装说明见此点我打开文章

下载文件，解压

请下载这么两个东西

解压上面那个api的包，把\arcgis_js_api\library 复制到你的tomcat路径。（官方给出的文档是IIS，我们项目用的是tomcat，其他服务器同理）。我的路径是“D:\Program Files\Apache Software Foundation\Apache Tomcat 7.0.27\webapps”。（我不是把整个api里的压缩包拷进去的，而是里面那个arcgis_js_api 文件夹拷进去就行了~）。

改配置文件

3.9和3.9compact用一个版本就行了，没用的版本其实是可以删除掉了。改配置文件也是，改两个文件就可以了。我用的是3.9版本。

1、在文本编辑器中打开“ C:\Inetpub\wwwroot\arcgis_js_api\library\3.9\3.9\init.js”，查找 “ [HOSTNAME_AND_PATH_TO_JSAPI]”，并把这个文本替换为 "<myserver>/arcgis_js_api/library/3.9/3.9/"

2、在文本编辑器中打开“ C:\Inetpub\wwwroot\arcgis_js_api\library\3.9\3.9\js\dojo\dojo\dojo.js” ，查找 “ [HOSTNAME_AND_PATH_TO_JSAPI]”，并把这个文本替换为 "<myserver>/arcgis_js_api/library/3.9/3.9/"

这个是它官方的说明，本宝宝的译本。有一点需要注意，要带端口号！！端口号！端口号！因为没带端口号被坑了好久这种事我会随便告诉你们吗？

再就是注意只是把文本替换，别多替换了，后面的/js/dojo/dojo别给人家弄没有了，在这个问题上也纠结了好久的蠢作者哭死了……

127.0.0.1:8080/arcgis_js_api/library/3.9/3.9/js/dojo/dojo

测试是否安装成功

安装环节已经结束，就是这么轻松愉快。下面我们就要测试一下是否成功了！

我安装的是本地服务器，请在浏览器地址栏输入

http://127.0.0.1:8080//arcgis_js_api/library/3.9/3.9/init.js

打开这个页面，就说明，额，你的文件是拷到了你的服务器路径下。

这还不能说明就安装成功了，真正是否安装成功，还需要最后一步验证。

可以把以前写的demo改成本地地址试一下，也可以用官方给的测试代码也是可以的。

<!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="http://127.0.0.1:8080/arcgis_js_api/library/3.9/3.9/js/dojo/dijit/themes/tundra/tundra.css"/>
    <link rel="stylesheet" type="text/css" href="http://127.0.0.1:8080/arcgis_js_api/library/3.9/3.9/js/esri/css/esri.css" />
    <script type="text/javascript" src="http://127.0.0.1:8080/arcgis_js_api/library/3.9/3.9/init.js"></script>

    <script type="text/javascript">

      dojo.require("esri.map");

      function init() {
        var myMap = new esri.Map("mapDiv");
        //note that if you do not have public Internet access then you will need to point this url to your own locally accessible cached service.

        var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/NGS_Topo_US_2D/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>

成功地显示出地图来，说明我们配置的没有问题！！