ArcGIS API for JavaScript安装教程

浅浅的花香味﹌ 2023-07-14 05:23 24阅读 0赞

## @\[TOC\]1.注册ESRI账号及下载API ##

注册ESRI账号官网：

> [https://developers.arcgis.com/downloads/apis-and-sdks][https_developers.arcgis.com_downloads_apis-and-sdks]

点击如下图所示：进入注册页面，按照提示注册账号![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70]  
已注册成功后，登录账号，如下界面，点击All versions，跳转到所有API版本界面  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 1]

选择要安装的版本，小编这里选择4.13版本，点击并下载  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 2]  
下载后是zip文件，解压到当前文件夹，打开arcgis\_js\_v413\_api文件夹，文件目录如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 3]

## @\[TOC\]2.安装Internet Information Server(IIS)服务器 ##

win7，win10系统自带IIS服务器，不需要下载，只需手动安装配置下，即可使用。  
**1.安装IIS服务器**  
打开控制面板——程序——启用或关闭Windows功能  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 4]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 5]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 6]  
等待应用程序更改后，完成IIS服务器的安装  
**2.查看是否安装成功**  
控制面板——系统和安全——管理工具——双击Internet Information Services (IIS)管理器  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 7]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 8]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 9]  
当出现以下界面是代表安装成功  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 10]

## @\[TOC\]3.ArcGIS API 的安装 ##

**1.复制arcgis\_js\_api文件夹**  
将第一步的解压文件夹下的arcgis\_js\_api文件夹复制到路径C:\\inetpub\\wwwroot下，如下图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 11]  
**2.修改init.js文件**  
修改路径C:\\inetpub\\wwwroot\\arcgis\_js\_api\\library\\4.13下的**init.js**文件，记事本打开该文件，ctrl+f查找,查找“\[HOSTNAME\_AND\_PATH\_TO\_JSAPI\]”,将该值修改为自己的ip或localhost，我的修改为localhost/arcgis\_js\_api/library/4.13/  
并将https修改为http  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 12]  
**修改dojo.js文件夹**  
修改路径C:\\inetpub\\wwwroot\\arcgis\_js\_api\\library\\4.13\\dojo下的**dojo.js**文件夹，同样记事本打开该文件，ctrl+f查找,查找“\[HOSTNAME\_AND\_PATH\_TO\_JSAPI\]”,将该值修改为自己的ip或localhost，我的修改为localhost/arcgis\_js\_api/library/4.13/  
并将https修改为http

> > 注:  
> > 1.若不能修改，建议提前修改好在复制替换到相应位置  
> > 2.dojo.js和init.js文件都采用https连接方式，这种方式会带来证书认证及跨域访问的问题，每次访问提示安全认证，如果觉得麻烦，直接改为http连接即可

## @\[TOC\]4.浏览器访问 ##

打开浏览器，地址栏输入:

> http://localhost/arcgis\_js\_api/library/4.13/dojo/dojo.js

访问成功，界面如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 13]  
至此，API本地安装成功，谢谢观看！

[https_developers.arcgis.com_downloads_apis-and-sdks]: https://developers.arcgis.com/downloads/apis-and-sdks
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70]: /images/20230529/8f43a73216aa487fb2420f835959c614.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 1]: /images/20230529/b0c881a8e98b4a198420e8067751c0d0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 2]: /images/20230529/a620d41581bb4c82bb1d924dfbfa4197.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 3]: /images/20230529/715ffd62ff914c2cbbfa6d67e1f24f92.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 4]: /images/20230529/6a57c83d5a254a0f95579738a3e5d290.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 5]: /images/20230529/074fb481ebdf44479b91af4be5d8adbb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 6]: /images/20230529/c95f6dedd50f44e0a00fcc4b16d35787.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 7]: /images/20230529/d84b066d4fdf41a0a48397f9cdbc0b84.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 8]: /images/20230529/86f1c1d3acc84597ba8f5df82818874b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 9]: /images/20230529/40a0de11b2714311988a4846f7b9dab3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 10]: /images/20230529/c4f7bc3c734140ae9b7364272e8ee1fe.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 11]: /images/20230529/2b46f290382747c1a270233c8262c80c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 12]: /images/20230529/d028878579094bacaf5cdea3ab59bbac.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvRnJlZWRvbUFORA_size_16_color_FFFFFF_t_70 13]: /images/20230529/ef5c9f7f2b904858865f37cfcd219823.png