arcgis api for js入門開發系列一arcgis api離線部署

在我的GIS之家QQ群里，很多都是arcgis api for js開發的新手，他們一般都是GIS專業的學生，或者從計算機專業剛剛轉向來的giser，他們難免會遇到各種webgis開發的簡單問題，由於白天工作忙碌的原因，沒有來得及回答他們的提出的問題，所以利用空餘時間來寫一系列簡單的入門arcgis api for js開發教程，僅供初學者giser學習使用，其中寫的不足之處，歡迎批評指正，大家一起交流學習。

arcgis for js開發依賴arcgis地圖服務的，而arcgis地圖服務的發布是通過arcgisserver來發布的，所以，首先要學會安裝arcgisserver，還有就是學會如何發布地圖服務。要是這些不懂的giser，可以參照我前面寫的arcgisserver安裝篇：arcgis server10.2.2的安裝步驟過程；還有就是arcgis地圖服務發布篇：http://www.cnblogs.com/oolili/p/4752114.html、arcgis10.2.2地圖服務切圖具體步驟。

下面開始arcgis api for js開發環境的離線部署：

（1）首先，從esri官網下載arcgis api，版本自己選擇，官網下載最新版本api的地址：SDK Downloads；

備註：下載api需要註冊arcgis用戶才行

（2）其次，本地部署arcgis api，由於本機的網路原因，下載太慢了，所以這裡用3.14版本api來替換。

這裡以IIS伺服器為例，tomcat伺服器同理。解壓後在IIS中建立應用程序，如下圖。配置好API應用程序後，其路徑為http://localhost/arcgis_js_api

（3）然後，配置arcgis api，由於本機的網路原因，下載太慢了，所以這裡用3.14版本api來替換，但是沒關係，配置原理是一樣的。

1.配置init.js文件

打開下載api裡面的init.js文件，我的目錄是：C:inetpubwwwrootarcgis_js_apilibrary3.143.14init.js，

把[HOSTNAME_AND_PATH_TO_JSAPI]替換成api在本地機器上的部署路徑，注意路徑無需包含http://。

我的配置如下：localhost/arcgis_js_api/library/3.14/3.14/dojo

2.配置dojo.js文件

打開下載api裡面的init.js文件，我的目錄是：C:inetpubwwwrootarcgis_js_apilibrary3.143.14dojodojo.js，

把[HOSTNAME_AND_PATH_TO_JSAPI]替換成api在本地機器上的部署路徑，注意路徑無需包含http://。

我的配置如下：localhost/arcgis_js_api/library/3.14/3.14/dojo

（4）最後，測試配置的api是否成功。

打開瀏覽器，輸入:http://localhost/arcgis_js_api/library/3.14/3.14/init.js

打開瀏覽器，輸入:http://localhost/arcgis_js_api/library/3.14/3.14/dojo/dojo.js

打開瀏覽器，輸入:http://localhost/arcgis_js_api/library/3.14/3.14/esri/css/esri.css

要是在瀏覽器輸入都可以打開，沒路徑錯誤的話，說明已經API配置成功！

這裡順便提提調用在線arcgis api，在線模式，顧名思義，就是在外網的情況調用esri官網的api，這種模式有利有弊。

好處就是不用配置離線環境，也不用部署什麼的，在html引用api直接調用：

壞處：依賴網速，網路不好的時候，載入api的js和css慢，影響網頁展示效果

GIS之家論壇（推薦）：GIS之家論壇

GIS之家GitHub:gishome/arcgis-for-js

GIS之家作品：首頁-GIS之家-淘寶網

GIS之家興趣部落：gis之家部落-興趣部落

GIS項目交流群：238339408

GIS之家交流群一：432512093