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

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

  <link rel="stylesheet"href="https://js.arcgis.com/3.18/esri/css/esri.css">
<script src="https://js.arcgis.com/3.18/"></script>

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

<link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_api/library/3.18/3.18/dijit/themes/tundra/tundra.css"/>
<link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_api/library/3.18/3.18/esri/css/esri.css" />
<script type="text/javascript" src="http://localhost/arcgis_js_api/library/3.18/3.18/init.js"></script>

1、下载API 
需要在 https://developers.arcgis.com/downloads/ 网站上注册下载相应版本的API,如下图: 
ArcGis API for JavaScript学习——离线部署API-LMLPHP

2、将API放到本地服务器下 
可以使用IIS服务器也可以使用Tomcat服务器(不知道什么原因,我使用Tomcat服务器总是加载不出来地图),在这里选择IIS服务器。没有安装IIS的请参考《Windows10如何安装IIS(互联网信息服务)_百度经验》。 
IIS的工作路径是 C:\inetpub\wwwroot ,所以将API压缩包里面的arcgis_js_api解压到该路径下。 
需要修改两个文件,我的文件的路径为: 
C:\inetpub\wwwroot\arcgis_js_api\library\4.2\4.2\init.js 
C:\inetpub\wwwroot\arcgis_js_api\library\4.2\4.2\dojo\dojo.js 
将这两个文件中的 [HOSTNAME_AND_PATH_TO_JSAPI] 替换为 
localhost/arcgis_js_api/library/3.18/3.18/ 
替换后的结果为: 
ArcGis API for JavaScript学习——离线部署API-LMLPHP 
3、验证是否配置成功 
在浏览器中访问:http://localhost/arcgis_js_api/library/4.2/4.2/init.js

05-08 08:09