1、去官网下载最新版: ArcGIS API for JavaScript 3.9
API 参考文档:https://developers.arcgis.com/javascr
智能提示下载:https://developers.arcgis.com/javascript/jsapi/api_codeassist.html
2、分别解压两个压缩包,然后把 arcgis_js_v39_api\arcgis_js_v39_api\arcgis_js_api 文件夹下的 library 文件夹放到 arcgis_js_v39_sdk\arcgis_js_api 文件夹下面,如:
接着把arcgis_js_v39_sdk部署到IIS上
在浏览器中输入:http://<myserver>/install.htm ,效果如下
点击 ArcGIS API for JavaScript 连接跳转到如下页面(可能会出错,原因是在library文件夹下面间隔了一个叫3.9的文件夹,完整路径为:http://<myserver>/arcgis_js_api/library/3.9/install.htm):
3、有4个地方修改:
1)、打开 arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9\init.js 找到 '[HOSTNAME_AND_PATH_TO_JSAPI]', 修改为 "<myserver>/arcgis_js_api/library/3.9/3.9/"
2)、打开 arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9\js\dojo\dojo\dojo.js 找到 '[HOSTNAME_AND_PATH_TO_JSAPI]', 修改为 "<myserver>/arcgis_js_api/library/3.9/3.9/"
3)、打开 arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9compact\init.js 找到 '[HOSTNAME_AND_PATH_TO_JSAPI]', 修改为 "<myserver>/arcgis_js_api/library/3.9/3.9compact/"
4)、打开 arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9compact\js\dojo\dojo\dojo.js 找到 '[HOSTNAME_AND_PATH_TO_JSAPI]', 修改为 "<myserver>/arcgis_js_api/library/3.9/3.9compact/"
到此配置已经完成。
4、测试
可以通过他自带的一段代码进行测试(别忘了将<myserver>修改为自己的服务器地址):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Simple Map</title>
<link rel="stylesheet" type="text/css" href="http://<myserver>/arcgis_js_api/library/3.9/3.9/js/dojo/dijit/themes/tundra/tundra.css"/>
<link rel="stylesheet" type="text/css" href="http://<myserver>/arcgis_js_api/library/3.9/3.9/js/esri/css/esri.css" />
<script type="text/javascript" src="http://<myserver>/arcgis_js_api/library/3.9/3.9/init.js"></script> <script type="text/javascript"> dojo.require("esri.map"); function init() {
var myMap = new esri.Map("mapDiv");
//note that if you do not have public Internet access then you will need to point this url to your own locally accessible cached service. var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/NGS_Topo_US_2D/MapServer"); myMap.addLayer(myTiledMapServiceLayer); } dojo.addOnLoad(init); </script> </head> <body class="tundra">
<div id="mapDiv" style="width:900px; height:600px; border:1px solid #000;"></div> </body> </html>
效果如下: