天天看點

arcgis api for js 開發

來源:http://www.cnblogs.com/oolili/p/6002098.html

      arcgis for js開發依賴arcgis地圖服務的,而arcgis地圖服務的釋出是通過arcgisserver來釋出的,是以,首先要學會安裝arcgisserver,還有就是學會如何釋出地圖服務。要是這些不懂的giser,可以參照我前面寫的arcgisserver安裝篇:http://www.cnblogs.com/oolili/p/4290775.html;還有就是arcgis地圖服務釋出篇:http://www.cnblogs.com/oolili/p/4752114.html、http://www.cnblogs.com/oolili/p/4752204.html。

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

      (1)首先,從esri官網下載下傳arcgis api,版本自己選擇,官網下載下傳最新版本api的位址:https://developers.arcgis.com/downloads/;

arcgis api for js 開發

         備注:下載下傳api需要注冊arcgis使用者才行

     (2)其次,本地部署arcgis api,由于本機的網絡原因,下載下傳太慢了,是以這裡用3.14版本api來替換。

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

arcgis api for js 開發

     (3)然後,配置arcgis api,由于本機的網絡原因,下載下傳太慢了,是以這裡用3.14版本api來替換,但是沒關系,配置原理是一樣的。

            1.配置init.js檔案

            打開下載下傳api裡面的init.js檔案,我的目錄是:C:\inetpub\wwwroot\arcgis_js_api\library\3.14\3.14\init.js,

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

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

arcgis api for js 開發

            2.配置dojo.js檔案

            打開下載下傳api裡面的init.js檔案,我的目錄是:C:\inetpub\wwwroot\arcgis_js_api\library\3.14\3.14\dojo\dojo.js,

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

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

arcgis api for js 開發

     (4)最後,測試配置的api是否成功。

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

arcgis api for js 開發

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

arcgis api for js 開發

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

arcgis api for js 開發

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

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

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

1 2

<link rel=

"stylesheet"

href=

"https://js.arcgis.com/3.18/esri/css/esri.css"

>

<script src=

"https://js.arcgis.com/3.18/"

></script>

            壞處:依賴網速,網絡不好的時候,加載api的js和css慢,影響網頁展示效果