1. 程式人生 > >arcgis api for js 開發

arcgis api for js 開發

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

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

      

         備註:下載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:\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

            

            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

             

     (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直接呼叫:

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慢,影響網頁展示效果