1. 程式人生 > >關於ArcGIS API for Javascript的安裝_3.17API與SDK

關於ArcGIS API for Javascript的安裝_3.17API與SDK

安裝SDK

安裝sdk非常簡單,我們下載了SDK

SDK壓縮包

解壓之後再IIS之後新建一個網站(也可以直接使用之前建好的,或者預設網站),名稱就叫做ArcGIS,URL預設為localhost,埠設定為8317,將網站的物理路徑設定為...\arcgis_js_v317_sdk\arcgis_js_api\sdk;

OK了,直接開啟localhost:8317,顯示如下圖:

這裡寫圖片描述

安裝API

安裝API就相對複雜了一些,而且安裝好了還需要修改一些配置檔案,API壓縮包的大小也是60M左右:

API

解壓過後的大小也是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

    這個標示,在大約37行;將[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,如果沒有任何錯誤報出,那麼確定你成功咯!可以開始開發啦!!!

這裡寫圖片描述