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

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,如下图:
这里写图片描述
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/
替换后的结果为:
这里写图片描述
3、验证是否配置成功
在浏览器中访问:http://localhost/arcgis_js_api/library/3.18/3.18/init.js
这里写图片描述
访问:http://localhost/arcgis_js_api/library/3.18/3.18/dojo/dojo.js
这里写图片描述
访问:http://localhost/arcgis_js_api/library/3.18/3.18/esri/css/esri.css
这里写图片描述
若上述三个网页都能打开说明API已离线部署成功。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值