關於ArcGIS API for Javascript的安裝_3.17API與SDK
安裝SDK
安裝sdk非常簡單,我們下載了SDK
解壓之後再IIS之後新建一個網站(也可以直接使用之前建好的,或者預設網站),名稱就叫做ArcGIS,URL預設為localhost,埠設定為8317,將網站的物理路徑設定為...\arcgis_js_v317_sdk\arcgis_js_api\sdk
;
OK了,直接開啟localhost:8317
,顯示如下圖:
安裝API
安裝API就相對複雜了一些,而且安裝好了還需要修改一些配置檔案,API壓縮包的大小也是60M左右:
解壓過後的大小也是170M左右;解壓以後開啟資料夾看到三個子資料夾:
這裡的install_API.HTML開啟之後就告訴你如何部署API的幫助檔案,不過是英文,老實看吧~
開啟這個html告訴我們可以選擇兩種安裝,Windows和Linux,low咖果斷Windows,Linux你自己看咯~
在剛才新建的網站ArcGIS下面新建虛擬目錄(當然你可以新建一個網站,但是我覺得還是不要那麼那樣,一個網站夠用了);
需要一個別名:arcgisapi3.17(這個在網站路徑中會有用,最好規範命名),一個物理路徑:…\arcgis_js_v317_api\arcgis_js_api\library\3.17(這裡每個人的路徑不一樣,設定的路徑深度也可以不一樣,我就沒按照幫助檔案來~)
開啟…\arcgis_js_api\library\3.17\3.17\init.js這個檔案(這個檔案是壓縮過的js檔案,所以最好使用高階一點的文字工具開啟,推薦Notepad++等);找到
[HOSTNAME_AND_PATH_TO_JSAPI]dojo
[HOSTNAME_AND_PATH_TO_JSAPI]dojo
替換為localhost:8317/arcgisapi3.17/3.17/dojo
開啟arcgis_js_api\library\3.17\3.17\dojo\dojo.js,同理找到
[HOSTNAME_AND_PATH_TO_JSAPI]dojo
,大約在35行,同理替換為localhost:8317/arcgisapi3.17/3.17/dojo
;
測試API
幫助的install_API.html檔案可以找到測試用例,新建一個html複製進去直接我們需要將資源連結改成我們的連結:
<!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://localhost:8317/arcgisapi3.17/3.17/dijit/themes/tundra/tundra.css"/>
<link rel="stylesheet" type="text/css" href="http://localhost:8317/arcgisapi3.17/3.17/esri/css/esri.css" />
<script type="text/javascript" src="http://localhost:8317/arcgisapi3.17/3.17/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>
OK,開啟html吧,顯示如下圖;按下F12,如果沒有任何錯誤報出,那麼確定你成功咯!可以開始開發啦!!!