Arcgis api for JavaScript下载及部署（IIS和Tomcat）

朱雀 2021-09-30 10:46 353阅读 0赞

**目录**

一，各版本下载地址

二，ArcGIS API For JavaScript3.17本地部署（IIS）

2.1 修改相应的js文件（2个文件）

2.2 将修改好的函数库复制到指定位置

2.3 测试ArcGIS API For JavaScript函数库是否安装成功

三，Tomcat 部署

3.1 修改2个js文件

3.2 将修改好的函数库复制到指定位置

3.3 测试ArcGIS API For JavaScript函数库是否安装成功

--------------------

# 一，各版本下载地址 #

下载地址：[https://developers.arcgis.com/downloads/apis-and-sdks?product=javascript][https_developers.arcgis.com_downloads_apis-and-sdks_product_javascript]

![2019073116174267.png][]

![20190731162215586.png][]

# 二，ArcGIS API For JavaScript3.17本地部署（IIS） #

步骤：[https://blog.csdn.net/lovecarpenter/article/details/52169705][https_blog.csdn.net_lovecarpenter_article_details_52169705]

安装大概需要3分钟。新建的Web文件夹我放在E盘了（E:\\web）

## 2.1 修改相应的js文件（2个文件） ##

*  **任意地方**解压ArcGIS API For JavaScript3.17函数库
 *  进入(arcgis\_js\_v317\_api\\arcgis\_js\_api\\library\\3.17),打开**install\_win.html**页面，找到安装教程，如图所示：

![20190731164945815.png][]

修改 文件一（init.js）   
位置：arcgis\_js\_v317\_api\\arcgis\_js\_api\\library\\3.17\\3.17\\init.js   
将**\[HOSTNAME\_AND\_PATH\_TO\_JSAPI\]**替换成**localhost/arcgis\_js\_api/library/3.17/3.17/**  
修改文件二（dojo.js）   
位置：arcgis\_js\_v317\_api\\arcgis\_js\_api\\library\\3.17\\3.17\\dojo\\dojo.js   
将**\[HOSTNAME\_AND\_PATH\_TO\_JSAPI\]**替换成**localhost/arcgis\_js\_api/library/3.17/3.17/**

##    2.2 将修改好的函数库复制到指定位置 ##

将arcgis\_js\_api（注意：不是arcgis\_js\_v317\_api文件夹）文件夹移动到站点文件夹下面（E:\\web），如图所示：   
将这个文件夹：

![20190731165629671.png][]

移动到:

![20190731170255207.png][]

## 2.3 测试ArcGIS API For JavaScript函数库是否安装成功 ##

*  在桌面新建一个test.html，将测试代码复制到test.html

测试代码如下：

<!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://localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
        <link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
        <script type="text/javascript" src="http://localhost/arcgis_js_api/library/3.17/3.17/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>

当你可以在test页面看到地图时，说明你的ArcGIS API 本地部署已经成功了。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70][]

# 三，Tomcat 部署 #

参考：[https://blog.csdn.net/lovecarpenter/article/details/52165508][https_blog.csdn.net_lovecarpenter_article_details_52165508]

## 3.1 修改2个js文件 ##

\* 修改 文件一（init.js）   
位置：arcgis\_js\_v317\_api\\arcgis\_js\_api\\library\\3.17\\3.17\\init.js   
将**\[HOSTNAME\_AND\_PATH\_TO\_JSAPI\]**替换成**localhost:8080/arcgis\_js\_api/library/3.17/3.17/ **  
\* 修改文件二（dojo.js）   
位置：arcgis\_js\_v317\_api\\arcgis\_js\_api\\library\\3.17\\3.17\\dojo\\dojo.js   
将**\[HOSTNAME\_AND\_PATH\_TO\_JSAPI\]**替换成**localhost:8080/arcgis\_js\_api/library/3.17/3.17/**

## 3.2 将修改好的函数库复制到指定位置 ##

将**arcgis\_js\_api（注意：不是arcgis\_js\_v317\_api文件夹）**文件夹移动到tomcat安装目录的webapps目录下，如图所示：   
**将这个文件夹：**

![20190731171933852.png][]

移动到：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 1][]

## 3.3 测试ArcGIS API For JavaScript函数库是否安装成功 ##

*  在桌面新建一个test.html，将测试代码复制到test.html

测试代码：

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

**运行：启动服务器（D:\\apache-tomcat-v8.0.53\\apache-tomcat-8.0.53\\bin\\startup.bat）,** 再打开test.html

当你可以在test页面看到地图时，说明你的ArcGIS API 本地部署已经成功了。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 2][]

[https_developers.arcgis.com_downloads_apis-and-sdks_product_javascript]: https://developers.arcgis.com/downloads/apis-and-sdks?product=javascript
[2019073116174267.png]: /images/20210724/9f5ec6173c324f0da07bb092835dd041.png
[20190731162215586.png]: /images/20210724/ec14402391a647a8a3c8c75bc3350bff.png
[https_blog.csdn.net_lovecarpenter_article_details_52169705]: https://blog.csdn.net/lovecarpenter/article/details/52169705
[20190731164945815.png]: /images/20210724/94203b5eda2141399303b7fe304ffae4.png
[20190731165629671.png]: /images/20210724/83918967f96a462fa44c2805d91328a9.png
[20190731170255207.png]: /images/20210724/ad49a78bd94049be97b307ca8d2129c9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70]: /images/20210724/a574c56d68f743dab89628fce743ab33.png
[https_blog.csdn.net_lovecarpenter_article_details_52165508]: https://blog.csdn.net/lovecarpenter/article/details/52165508
[20190731171933852.png]: /images/20210724/8ea8e5586a2b4ee6837b88e59034b00b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 1]: /images/20210724/a7b751cb1856484bb6eb7e132b1bd261.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 2]: /images/20210724/f2d2ca788ea249aa9b58f098eab8fd0c.png