ArcGis API for JavaScript学习——离线部署API

「爱情、让人受尽委屈。」 2022-07-13 05:54 187阅读 0赞

ArcGis API for JavaScript开发笔记——离线部署API

以3.18版API为例：  
在加载图图前引用GIS服务是必须的。有两种方法，一是在线引用，而是离线部署引用。  
在线引用：

离线部署  
使用在线引用的方法一般加载地图比较慢，所以采用离线部署API的方法比较好。

**1、下载API**  
需要在 [https://developers.arcgis.com/downloads/][https_developers.arcgis.com_downloads] 网站上注册下载相应版本的API，如下图：  
![这里写图片描述][SouthEast]  
**2、将API放到本地服务器下**  
可以使用IIS服务器也可以使用Tomcat服务器（不知道什么原因，我使用Tomcat服务器总是加载不出来地图），在这里选择IIS服务器。没有安装IIS的请参考《Windows10如何安装IIS（互联网信息服务）\_百度经验》。  
IIS的工作路径是 C:\\inetpub\\wwwroot ，所以将API压缩包里面的arcgis\_js\_api解压到该路径下。  
需要修改两个文件，我的文件的路径为：  
*C:\\inetpub\\wwwroot\\arcgis\_js\_api\\library\\3.18\\3.18\\init.js*  
*C:\\inetpub\\wwwroot\\arcgis\_js\_api\\library\\3.18\\3.18\\dojo\\dojo.js*  
将这两个文件中的 \[HOSTNAME\_AND\_PATH\_TO\_JSAPI\] 替换为  
*localhost/arcgis\_js\_api/library/3.18/3.18/*  
替换后的结果为：  
![这里写图片描述][SouthEast 1]  
**3、验证是否配置成功**  
在浏览器中访问：[http://localhost/arcgis\_js\_api/library/3.18/3.18/init.js][http_localhost_arcgis_js_api_library_3.18_3.18_init.js]  
![这里写图片描述][SouthEast 2]  
访问：[http://localhost/arcgis\_js\_api/library/3.18/3.18/dojo/dojo.js][http_localhost_arcgis_js_api_library_3.18_3.18_dojo_dojo.js]  
![这里写图片描述][SouthEast 3]  
访问：[http://localhost/arcgis\_js\_api/library/3.18/3.18/esri/css/esri.css][http_localhost_arcgis_js_api_library_3.18_3.18_esri_css_esri.css]  
![这里写图片描述][SouthEast 4]  
若上述三个网页都能打开说明API已离线部署成功。

[https_developers.arcgis.com_downloads]: https://developers.arcgis.com/downloads/
[SouthEast]: /images/20220713/b1dc325603764f569594bf24e599548c.png
[SouthEast 1]: /images/20220713/ef715f9b694147b5a2207a8748e59245.png
[http_localhost_arcgis_js_api_library_3.18_3.18_init.js]: http://localhost/arcgis_js_api/library/3.18/3.18/init.js
[SouthEast 2]: /images/20220713/881a563cbc4a4741b5d3a85bf2904e87.png
[http_localhost_arcgis_js_api_library_3.18_3.18_dojo_dojo.js]: http://localhost/arcgis_js_api/library/3.18/3.18/dojo/dojo.js
[SouthEast 3]: /images/20220713/137d61aa85b644ccaf227de4e8274922.png
[http_localhost_arcgis_js_api_library_3.18_3.18_esri_css_esri.css]: http://localhost/arcgis_js_api/library/3.18/3.18/esri/css/esri.css
[SouthEast 4]: /images/20220713/f4deda6d7d11419bbf2dadb8e6e9bc17.png