天天看點

ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo

        ESRI公司截止到目前已經釋出了最新的ArcGIS Server for JavaScript API v3.9,它提供了更為豐富而又強大的功能。

    一、安裝前準備

ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo

        2、下載下傳到本地的檔案如下圖所示:

ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo

     3、解壓上面2個zip壓縮包,如下圖所示:

ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo

    4、確定本地已經安裝了IIS,如果沒有的話,請參考以下位址進行配置:

<a href="http://jingyan.baidu.com/article/8275fc8694360146a03cf6c3.html">http://jingyan.baidu.com/article/8275fc8694360146a03cf6c3.html</a>

  二、api和sdk本地IIS配置部署

   1、打開C:\Inetpub\wwwroot檔案夾。

   2、将arcgis_js_v39_sdk檔案夾直接拷貝到C:\Inetpub\wwwroot下,變成C:\Inetpub\wwwroot\arcgis_js_v39_sdk,

   如下圖所示:

ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo

    3、将arcgis_js_v39_api\arcgis_js_api目錄下的library檔案夾拷貝到

      C:\inetpub\wwwroot\arcgis_js_v39_sdk\arcgis_js_api下,變成

      C:\inetpub\wwwroot\arcgis_js_v39_sdk\arcgis_js_api\library,如下圖所示:     

ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo

   4、打開IIS,如下圖所示,浏覽install.htm,如下圖所示,說明初步部署成功:

ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo
ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo

  5、找到C:\inetpub\wwwroot\arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9\init.js檔案,利用記事本或EditPlus打開;Ctrl+F組合鍵查找[HOSTNAME_AND_PATH_TO_JSAPI],并替換為&lt;myserver&gt;/arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9/,其中&lt;myserver&gt;為機器名稱或者機器IP,注意沒有http字首。可以是localhost或者192.168.11.195,這裡我使用的是localhost,如下圖所示:

ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo
ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo

  6、找到C:\inetpub\wwwroot\arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9\js\dojo\dojo\dojo.js檔案,利用記事本或者EditPlus打開,Ctrl+F組合鍵查找[HOSTNAME_AND_PATH_TO_JSAPI],并替換為&lt;myserver&gt;/arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9/,其中&lt;myserver&gt;為機器名稱或者機器IP,沒有http字首。可以是localhost或者192.168.11.195,這裡我使用的是localhost,如下圖所示:

ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo
ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo
ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo

    7、如下圖所示,找到3.9compact檔案夾,接下來8)、9)步驟的操作和5)、6)完全相同,隻是8)、9)操作針對3.9compact檔案夾,而5)、6)操作針對3.9檔案夾,如下圖所示:

ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo

    8、C:\inetpub\wwwroot\arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9compact\init.js檔案,利用記事本或者EditPlus打開;Ctrl+F組合鍵查找[HOSTNAME_AND_PATH_TO_JSAPI],并替換為&lt;myserver&gt;/arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9compact/,其中&lt;myserver&gt;為機器名稱或者機器IP,注意沒有http字首。可以是localhost或者192.168.11.195,這裡我使用的是localhost,如下圖所示:

ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo
ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo

   9、找到C:\inetpub\wwwroot\arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9compact\js\dojo\dojo\dojo.js檔案,利用記事本或者EditPlus打開,Ctrl+F組合鍵查找[HOSTNAME_AND_PATH_TO_JSAPI],并替換為&lt;myserver&gt;/ arcgis_js_v39_sdk/arcgis_js_api/library/3.9/ 3.9compact/,其中&lt;myserver&gt;為機器名稱或者機器IP,沒有http字首。可以是localhost或者192.168.11.195,這裡我使用的是localhost,如下圖所示:

ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo
ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo

  10、經過上面9個步驟,我們就完成了ArcGIS  API for JavaScript的本地部署。

  三、執行個體demo運作

   1、打開VS2012,建立一個空白Web項目,添加一個index.html檔案,檔案内容如下圖所示:

ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo

  這裡使用的css和js檔案都是前面步驟中配置好的本地伺服器上的路徑。

  2、運作index.html頁面,如下圖所示:

ArcGIS API for JavaScript開發環境搭建及第一個執行個體demo

繼續閱讀