ArcGIS API For JavaScript本地部署

港控/mmm° 2021-09-14 10:38 393阅读 0赞

### 需求 ###

再使用ArcGIS API For JavaScript时，在不考虑翻墙的情况下，加载API的速度是非常慢的，在本机上配置ArcGIS API For JavaScript可以加快API的调用，提高开发下效率。  
在本地不部署ArcGIS API For JavaScript最常见的有两种方法。一个是配置在IIS上，另一种是配置在tomcat中，两种方式基本一样，只是用到的服务器不一样

### 关键步骤 ###

#### 1.修改ArcGIS API For JavaScript中的两个文件配置 ####

*  修改 文件一（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.20/3.20/
 *  修改文件二（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.20/3.20/

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

#### 2.将arcgis\_js\_api（注意：不是arcgis\_js\_v320\_api文件夹）文件夹移动到tomcat安装目录的webapps目录下（或者IIS的webRoot下），如图所示： ####

![这里写图片描述][SouthEast]

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

#### 3.验证ArcGIS API For JavaScript是否部署成功 ####

在桌面新建HTML，复制以下代码，运行如结果所示，则成功部署到本地  
代码：

<!DOCTYPE html>
    <html>
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <title>simple</title>
        <link rel="stylesheet" type="text/css" href="http://localhost:8080/arcgis_js_api/library/3.20/3.20/dijit/themes/tundra/tundra.css"/>
        <link rel="stylesheet" type="text/css" href="http://localhost:8080/arcgis_js_api/library/3.20/3.20/esri/css/esri.css" />
        <script type="text/javascript" src="http://localhost:8080/arcgis_js_api/library/3.20/3.20/init.js"></script>
      </head>
    
      <body class="claro">
         <div id="map" style="height:800px;"></div>
        <script> var _map; require([ "esri/map", "dojo/domReady!"], function(Map) { _map = new Map("map", { center: [120, 24], zoom: 6, basemap: "osm" }); }); </script>
      </body>
    
    </html>

### 效果图 ###

![这里写图片描述][SouthEast 1]

[SouthEast]: /images/20210726/62ad79a5b49c48cf8b6d93ddc34138f1.png
[SouthEast 1]: /images/20210726/4252c9dd78bf4fb8bf515e2d72ec37ba.png