惭愧，和我的学弟比起来，我所开始接触前端开发，ArcGIS API for JavaScript的时间和深度远远不及于他。

一年之尾，亦是一年之始，我也将正式开始我的博客生涯。本人在校学习并且做项目，在其过程中自然会遇到不少困惑与问题，遂将这些问题的解决方法与一些想法整理发布在这个平台上，也算是自己学习的一个总结与积累。如果有什么问题与错误，期望大家多多指正，共同学习。

本人在做前端开发时，调用ArcGIS对于JS的API（网络资源获取），但是经常出现无法获取相关JS与CSS资源的情况。在这种情况反复出现多次之后，我忍不住，终究还是实现该资源的本地化部署。

1、资源下载

ArcGIS API for JavaScript官网地址：https://developers.arcgis.com/javascript/；

API下载地址：https://developers.arcgis.com/sign-in?redirect_uri=%2Fdownloads%2Fapis-and-sdks%3Fproduct%3Djavascript；

账户注册地址（搜索ArGIS Online）：https://www.arcgis.com/home/signin.html?returnUrl=https%3A%2F%2Fdoc.arcgis.com%2Fzh-cn%2Farcgis-online%2F；

注册完帐户即可免费下载最新或者其他版本的API。（话说我4.5还没摸熟，4.6就出来了。。。）

2、资源部署

这方面其他的博客也有提到，但是在此我还是写一遍。具体是在WIndows环境下，不使用Node.JS，部署资源到IIS上。

2.1解压

如上图是4.6版本的API。

解压后如上图所示，点击install.html，将出现英文版的安装教程，包括Windows、Linux环境或者是Node.JS中由NPM下载等等。

2.2配置与替换参数

这里参考资源包里install.html中关于WIndows环境下的部署：

总结上述，就是IIS要设置相应的MIME格式注册，将资源文件夹下的dojo.js与init.js进行相应的参数替换。

那么问题来了。。。

文档中替换的字段中包含如下字段：。我按照此说明一步一步去做并不能实现资源的本地化，并出现404错误。

所以：

我在这个的基础上修改了替换的字段：

将 https://[HOSTNAME_AND_PATH_TO_JSAPI]dojo 替换为 http://localhost/arcgis_js_api_4.6/library/4.6/dojo；

将 https://[HOSTNAME_AND_PATH_TO_JSAPI]init 替换为 http://localhost/arcgis_js_api_4.6/library/4.6/init；

注意：替换的路径，localhost后的地址与你的文件路径要一致，我的arcgis_js_api_4.6是修改过的，默认为arcgis_js_api！！！

2.3部署

将修改过后的整个文件夹复制到IIS下文件夹下，默认为C:\inetpub\wwwroot，再在IIS服务器中确认此文件夹，并设置其目录浏览启动。

最后,修改文件夹下的web.config参数，设置如下：

大功告成！

3、资源引用

根据你所设的参数（即你在dojo.js与init.js文件中的替换参数），使用对应的url，我的如下图所示：

最后示例如下：

结尾：我之前其实自己试过用如openLayers、leaflet等其他开源的webmap api写过一些例子。在老师的建议下，ArcGIS API for JavaScript是我现在主要使用的API，且行且学习。。。

转载于:https://www.cnblogs.com/wenmingbangbing/p/8150218.html

【1】ArcGIS API for JavaScript 4.5/4.6 本地部署相关推荐

ArcGIS API for JavaScript字体库下载及本地字体库配置
protocol buffer是google的一个开源项目,它是用于结构化数据串行化的灵活.高效.自动的方法.类似于XML,但是它更快,更小,更简单. 相较于我们之前使用的字体库,例如宋体的ttf ...
ArcGIS API for Javascript 4.12离线部署
ArcGIS API for Javascript 4.x离线部署本篇以ArcGIS API for Javascript 4.12版本之IIS 部署作为测试用例,离线部署到本地的操作如下: 一. ...
arcgis api for JavaScript _跨域请求
arcgis api for JavaScript 中出现跨域请求是常见问题, 通常出现类似如下错误消息类似: XMLHttpRequest cannot load http://10.32.2.7 ...
基于ArcGIS API for JavaScript加载天地图
文章目录前言效果图详细代码总结参考链接前言该篇主要介绍如何用ArcGIS JS API加载天地图,具体应用场景以及需求分析等,在上篇基于ArcGIS API for JavaScript ...
基于ArcGIS API for JavaScript加载百度各种类型切片地图
文章目录应用场景需求分析效果图实现代码原理解读应用场景部分项目基于ArcGIS平台,但是甲方只提供部分矢量数据,用作底图的地形图数据没有,表示可以使用百度地图作为底图.所以才会有使用Ar ...
ArcGIS.Server.9.3和ArcGIS API for JavaScript实现Identify功能（六）
目的: 1.ArcGIS.Server.9.3和ArcGIS API for JavaScript实现Identify功能,鼠标点击后获取被点击对象的然后以infoWindow的方式显示点击对象的属性 ...
初学ArcGIS API for JavaScript
初学ArcGIS API for JavaScript 对于初学者来说,关于esri提供的一些样式和dojo自带的一些样式还是需要有一定的了解,这块在<WebGIS开发从基础到实践>讲解的 ...
ArcGIS API for JavaScript Bookmarks(书签)
说明:本篇博文介绍的是ArcGIS API for JavaScript中的 Bookmarks(书签) ,书签的作用是,把地图放大到一个地方添加书签,书签名称可以和地图名称一直,单击标签地图会定 ...
ArcGIS API for JavaScript 4.0（一）
原文:ArcGIS API for JavaScript 4.0(一) 最近ArcGIS推出了ArcGIS API for JavaScript 4.0,支持无插件3D显示,而且比较Unity和Sky ...
arcgis api for javascript从地图如何读取要素
arcgis api for javascript如何读取要素,通过ajax请求得到的. 比如: https://gis118.arcgisonline.cn/arcgis/sharing/rest/ ...

【1】ArcGIS API for JavaScript 4.5/4.6 本地部署