javascript
图解ArcGIS API for JavaScript开发环境搭建
ESRI公司截止到目前已經(jīng)發(fā)布了最新的ArcGIS Server for JavaScript API v3.9,它提供了更為豐富而又強大的功能。
本篇經(jīng)驗向大家介紹其本地部署及簡單的第一個地圖應用程序demo。
下載安裝文件
1
ArcGIS Server for JavaScript API各版本下載地址:
http://support.esrichina-bj.cn/2011/0223/960.html,
我們選擇下載最新的“ArcGIS API for JavaScript 3.9:Library | SDK”,如下圖所示:
圖解ArcGIS API for JavaScript開發(fā)環(huán)境搭建
2
下載到本地的文件如下圖所示:
圖解ArcGIS API for JavaScript開發(fā)環(huán)境搭建
3
解壓上面2個zip壓縮包到本地文件夾,如下圖所示:
圖解ArcGIS API for JavaScript開發(fā)環(huán)境搭建
4
確保本地已經(jīng)安裝了IIS,如果沒有的話,請參考以下地址進行配置:
http://jingyan.baidu.com/article/8275fc8694360146a03cf6c3.html
END
本地部署
1
打開C:\Inetpub\wwwroot,進入此文件夾。
2
將arcgis_js_v39_sdk文件夾直接拷貝到C:\Inetpub\wwwroot下,變成C:\Inetpub\wwwroot\ arcgis_js_v39_sdk,如下圖所示:
圖解ArcGIS API for JavaScript開發(fā)環(huán)境搭建
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開發(fā)環(huán)境搭建
4
打開IIS,如下圖所示,瀏覽install.htm,如下圖所示,說明初步部署成功:
圖解ArcGIS API for JavaScript開發(fā)環(huán)境搭建
圖解ArcGIS API for JavaScript開發(fā)環(huán)境搭建
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],并替換為<myserver>/ arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9/,其中<myserver>為機器名稱或者機器IP,注意沒有http前綴。可以是localhost或者192.168.11.195,這里我使用的是localhost。
圖解ArcGIS API for JavaScript開發(fā)環(huán)境搭建
圖解ArcGIS API for JavaScript開發(fā)環(huán)境搭建
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],并替換為<myserver>/ arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9/,其中<myserver>為機器名稱或者機器IP,沒有http前綴。可以是localhost或者192.168.11.195,這里我使用的是localhost。
圖解ArcGIS API for JavaScript開發(fā)環(huán)境搭建
圖解ArcGIS API for JavaScript開發(fā)環(huán)境搭建
圖解ArcGIS API for JavaScript開發(fā)環(huán)境搭建
7
如下圖所示,找到3.9compact文件夾,接下來8)、9)步驟的操作和5)、6)完全相同,只是8)、9)操作針對3.9compact文件夾,而5)、6)操作針對3.9文件夾。
圖解ArcGIS API for JavaScript開發(fā)環(huán)境搭建
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],并替換為<myserver>/arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9compact/,其中<myserver>為機器名稱或者機器IP,注意沒有http前綴。可以是localhost或者192.168.11.195,這里我使用的是localhost。
圖解ArcGIS API for JavaScript開發(fā)環(huán)境搭建
圖解ArcGIS API for JavaScript開發(fā)環(huán)境搭建
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],并替換為<myserver>/ arcgis_js_v39_sdk/arcgis_js_api/library/3.9/ 3.9compact/,其中<myserver>為機器名稱或者機器IP,沒有http前綴。可以是localhost或者192.168.11.195,這里我使用的是localhost。
圖解ArcGIS API for JavaScript開發(fā)環(huán)境搭建
圖解ArcGIS API for JavaScript開發(fā)環(huán)境搭建
10
經(jīng)過上面9個步驟,完成對ArcGIS API for JavaScript的本地部署。
END
實例實踐
打開VS2012,新建一個空白Web項目,添加一個index.html文件,這里使用的css和js文件都是前面步驟中配置好的本地服務器上的路徑,如下圖所示:
圖解ArcGIS API for JavaScript開發(fā)環(huán)境搭建
2
運行index.html頁面,如下圖所示:
圖解ArcGIS API for JavaScript開發(fā)環(huán)境搭建
? ?本文選組天津樓鳳
轉載于:https://www.cnblogs.com/zhuwoyao88/p/6575281.html
總結
以上是生活随笔為你收集整理的图解ArcGIS API for JavaScript开发环境搭建的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: springMVC带文件的表单数据无法绑
- 下一篇: gradle idea java ssm