ArcGIS Javascript API 在國(guó)內(nèi)訪問(wèn)一直非常緩慢，Ersi也沒(méi)有部署國(guó)內(nèi)CDN的意思，但是它提供了離線安裝包。安裝過(guò)程其實(shí)挺簡(jiǎn)單的，就是有些繁瑣, Tomcat的部署不太清晰。主要為了記錄一下，便于以后查閱。
? ? 1.下載離線包
首先下載ArcGIS JS API 離線包需要注冊(cè)一個(gè)免費(fèi)的帳號(hào)，注冊(cè)地址為: https://webaccounts.esri.com/cas/index.cfm ?。然后進(jìn)入ESRI官網(wǎng)下載頁(yè)面選擇下載，版本:? v2.7 ,? v3.0 ,? v3.2 ?.如果訪問(wèn)緩慢的話，可以從微盤(pán)下載： v2.7 ,? v3.0 ,? v3.2 ?.
? ? ? 2.安裝離線包
-
??
解壓
下載的壓縮包，將里面的 \
arcgis_js_api\library?目錄的所有內(nèi)容全部拷貝到你的web 服務(wù)器中。比如的以下路徑例子所示，- ? Tomcat: \home\vent\tomcat7\webapps\arcgis_js_api\library
- ? IIS:?C:\Inetpub\wwwroot\arcgis_js_api\library
-
?將以下文件在文本編輯器(如Notepad++,Vim)中
打開(kāi)
：
- ? Tomcat:?\home\vent\tomcat7\webapps\arcgis_js_api\library\2.7\jsapi\js\ esri\esri.js
-
? IIS:?
C:\Inetpub\wwwroot\arcgis_js_api\library\2.7\jsapi\js\esri\esri.js
-
搜索
esri.js文件中的?'[ HOSTNAME_AND_PATH_TO_JSAPI ]', 用以下URI 代替 之。- ?Tomcat:? <myserver>:8080/arcgis_js_api/library/2.7/jsapi/
- ? IIS:?<myserver>/arcgis_js_api/library/2.7/jsapi/
myserver 是你的網(wǎng)站訪問(wèn)URI，本地可以用localhost/127.0.0.1來(lái)代替.
-
?將以下文件在文本編輯器(如Notepad++,Vim)中
打開(kāi)
:
- ? Tomcat:?\home\vent\tomcat7\webapps\arcgis_js_api\library\2.7\jsapi\dojo\dojo\dojo.xd.js
-
? IIS:?
C:\Inetpub\wwwroot\arcgis_js_api\library\2.7\jsapi\js\dojo\dojo\dojo.xd.js
-
?
搜索
dojo.xd.js文件中的三個(gè)?'
[HOSTNAME_AND_PATH_TO_JSAPI]
' ，用以下URI
代替
之。
- Tomcat:? <myserver>:8080/arcgis_js_api/library/2.7/jsapi/
- ? IIS:?<myserver>/arcgis_js_api/library/2.7/jsapi/
-
?將以下文件在文本編輯器(如Notepad++,Vim)中打開(kāi)
:
- ? Tomcat:?\home\vent\tomcat7\webapps\arcgis_js_api\library\2.7\jsapi\dojo\dojo\dojo.xd.js.uncompressed.js
-
? IIS:?
C:\Inetpub\wwwroot\arcgis_js_api\library\2.7\jsapi\js\dojo\dojo\dojo.xd.js.uncompressed.js
-
?搜索dojo.xd.js文件中的三個(gè)?'[HOSTNAME_AND_PATH_TO_JSAPI]' ，用以下URI代替之。
- Tomcat:?<myserver>:8080/arcgis_js_api/library/2.7/jsapi/
- ? IIS:?<myserver>/arcgis_js_api/library/2.7/jsapi/
- (可選) 如果你在項(xiàng)目中使用到壓縮版的ArcGIS JS API，需要在arcgis_js_api\library\2.7\jsapicompact重復(fù)4-7的步驟。
-
將這個(gè)文件夾部署到Web服務(wù)器上。由于ArcGIS JavaScript APIs將多個(gè) JavaScript 文件通過(guò)單一的URL流式地提供給客戶(hù)端，所以它需要默認(rèn)的處理器來(lái)模擬、控制JS文件流. ESRI提供了三種方式，在\library\2.7\jsapi\文件夾下,包括index.jsp, index.php,Default.ashx?.配置如下，Tomcat配置過(guò)程：
- 打開(kāi) \home\vent\tomcat7\webapps\arcgis_js_api\library\2.7\jsapi\init.js
-
搜索init.js文件中的?
'[HOSTNAME_AND_PATH_TO_JSAPI]', 用<myserver>:8080/arcgis_js_api/library/2.7/jsapi/代替之 -
在頁(yè)面調(diào)用的時(shí)候使用方法：
<script type="text/javascript" src="http://<myserver>:8080/arcgis_js_api/library/2.7/jsapi/init.js"></script>
IIS配置過(guò)程:
- 打開(kāi)IIS 管理器.
- 打開(kāi)包含Default.ashx 文件的文件夾 (C:\Inetpub\wwwroot\arcgis_js_api\library\2.7\jsapi).
- 右鍵點(diǎn)擊屬性，選擇文件Tab。確定啟用默認(rèn)內(nèi)容頁(yè)被勾選 。
- 點(diǎn)擊添加到按鈕 .輸入 "Default.ashx，點(diǎn)擊確認(rèn)并退出。
? ? ? ? ? 3.測(cè)試
測(cè)試代碼如下：
<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
>
<
html
>
<
head
>
<
meta
http-equiv
="Content-Type"
content
="text/html; charset=utf-8"
/>
<
title
>
Simple Map
</
title
>
<
link
rel
="stylesheet"
type
="text/css"
href
="http://<myserver>:8080/arcgis_js_api/library/2.7/jsapi/js/dojo/dijit/themes/tundra/tundra.css"
>
<
link
rel
="stylesheet"
type
="text/css"
href
="http://<myserver>:8080/arcgis_js_api/library/2.7/jsapi/js/esri/css/esri.css"
/>
<
script
type
="text/javascript"
src
="http://<myserver>:8080/arcgis_js_api/library/2.7/jsapi/init.js"
></
script
>
<
script
type
="text/javascript"
>
dojo.require(
"
esri.map
"
);
function
init() {
var
myMap
=
new
esri.Map(
"
mapDiv
"
);
//
note that if you do not have public Internet access then you will need to point this url to your own locally accesible cached service.
var
myTiledMapServiceLayer
=
new
esri.layers.ArcGISTiledMapServiceLayer(
"
http://cache1.arcgisonline.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer
"
);
myMap.addLayer(myTiledMapServiceLayer);
}
dojo.addOnLoad(init);
</
script
>
</
head
>
<
body
class
="tundra"
>
<
div
id
="mapDiv"
style
="width:900px; height:600px; border:1px solid #000;"
></
div
>
</
body
>
</
html
>
?
使用Chrome Develop Tool 或者其它JS調(diào)試工具查看是否出錯(cuò)。
本作品由
VentLam
創(chuàng)作，采用
知識(shí)共享署名-非商業(yè)性使用-相同方式共享 2.5 中國(guó)大陸許可協(xié)議
進(jìn)行許可。
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號(hào)聯(lián)系： 360901061
您的支持是博主寫(xiě)作最大的動(dòng)力，如果您喜歡我的文章，感覺(jué)我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長(zhǎng)非常感激您！手機(jī)微信長(zhǎng)按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
