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安裝篇:http://www.cnblogs.com/oolili/p/4290775.html;還有就是arcgis地圖服務發布篇:http://www.cnblogs.com/oolili/p/4752114.htmlhttp://www.cnblogs.com/oolili/p/4752204.html

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

      (1)首先,從esri官網下載arcgis api,版本自己選擇,官網下載最新版本api的地址:https://developers.arcgis.com/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:\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直接調用:

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

          


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM