一、开发环境准备
ArcGIS API for JavaScript提供在线版API,4.x是 ArcGIS API for JavaScript的新一代版本,实现了2D和3D应用的完全集成,3.18是其最后的一个2D版本,编程思路差异还是比较大的。开发调试过程中,最好进行本地化部署。ArcGIS JavaScript API可以从Esri官网获取,需要先注册一个Esri全球账户。SDK本地化部署指在本地Web Server上的部署,在API文件夹arcgis_js_api\library\3.18\install_win.html中有官方的部署文档,基本过程如下:
Ø 复制 \arcgis_js_api\library所有文件夹到你的Web server上,例如:复制到默认网站C:\Inetpub\wwwroot\arcgis_js_api\library下,
Ø 本地化配置,打开C:\Inetpub\wwwroot\arcgis_js_api\library\3.16\3.16\init.js查找 [HOSTNAME_AND_PATH_TO_JSAPI],替换为 本地server路径"<myserver>/arcgis_js_api/library/3.18/3.18/ ",如"127.0.0.1/arcgis_js_api/library/3.18/3.18 "。打开C:\Inetpub\wwwroot\arcgis_js_api\library\3.18\3.18\dojo\dojo.js查找[HOSTNAME_AND_PATH_TO_JSAPI],替换为"<myserver>/arcgis_js_api/library/3.18/3.18/"例如"127.0.0.1/arcgis_js_api/library/3.18/3.18"
脚本中使用本地化SDK时(版本以3.16为例),嵌入如下语句。
...
<link rel="stylesheet" href="http://127.0.0.1/arcgis_js_api/library/3.16/3.16/dijit/themes/claro/claro.css"/>
<link rel="stylesheet" type="text/css" href="http://127.0.0.1/arcgis_js_api/library/3.16/3.16/esri/css/esri.css" />
<script type= "text/javascript" src= "http://127.0.0.1/arcgis_js_api/library/3.16/3.16/init.js" ></script>
...
使用在线API时 ,即所谓Content Delivery Network (CDN),对应要素替换为:
<link rel="stylesheet" href="https://js.arcgis.com/3.18/dijit/themes/claro/claro.css"/>
<link rel="stylesheet" type="text/css" href="https://js.arcgis.com/3.18/esri/css/esri.css" />