ArcGIS API for JavaScript 4.5/4.6 本地部署
阿新 • • 發佈:2019-01-26
慚愧,和我的學弟比起來,我所開始接觸前端開發,ArcGIS API for JavaScript的時間和深度遠遠不及於他。
一年之尾,亦是一年之始,我也將正式開始我的部落格生涯。本人在校學習並且做專案,在其過程中自然會遇到不少困惑與問題,遂將這些問題的解決方法與一些想法整理髮布在這個平臺上,也算是自己學習的一個總結與積累。如果有什麼問題與錯誤,期望大家多多指正,共同學習。
本人在做前端開發時,呼叫ArcGIS對於JS的API(網路資源獲取),但是經常出現無法獲取相關JS與CSS資源的情況。在這種情況反覆出現多次之後,我忍不住,終究還是實現該資源的本地化部署。
1、資源下載
ArcGIS API for JavaScript官網地址:https://developers.arcgis.com/javascript/;
API下載地址:https://developers.arcgis.com/www.yixingsyle.cn _uri=%2Fdownloads%2Fapis-and-sdks%3Fproduct%3Djavascript;
賬戶註冊地址(搜尋ArGIS Online):https://www.caibaoyule.cn /home/signin.html?returnUrl=https%3A%2F%2Fdoc.arcgis.com%2Fzh-cn%2Farcgis-online%2F;
註冊完帳戶即可免費下載最新或者其他版本的API。(話說我4.5還沒摸熟,4.6就出來了。。。)
2、資源部署
這方面其他的部落格也有提到,但是在此我還是寫一遍。具體是在WIndows環境下,不使用Node.JS,部署資源到IIS上。
2.1解壓
如上圖是4.6版本的API。
解壓後如上圖所示,點選install.html,將出現英文版的安裝教程,包括Windows、Linux環境或者是Node.JS中由NPM下載等等。
2.2配置與替換引數
這裡參考資源包裡install.html中關於WIndows環境下的部署:
總結上述,就是IIS要設定相應的MIME格式註冊,將資原始檔夾下的dojo.js與init.js進行相應的引數替換。
那麼問題來了。。。
文件中替換的欄位中包含如下欄位:。我按照此說明一步一步去做並不能實現資源的本地化,並出現404錯誤。
所以:
我在這個的基礎上修改了替換的欄位:
將 https://[HOSTNAME_AND_PATH_TO_JSAPI]dojo 替換為 http://www.feifanshifan8.cn /arcgis_js_api_4.6/library/4.6/dojo;
將 https://[HOSTNAME_AND_PATH_TO_JSAPI]init 替換為 http://www.hengxinyl.cn/ /arcgis_js_api_4.6/library/4.6/init;
2.3部署
將修改過後的整個資料夾複製到IIS下資料夾下,預設為C:\inetpub\wwwroot,再在IIS伺服器中確認此資料夾,並設定其目錄瀏覽啟動。
最後,修改資料夾下的web.config引數,設定如下:
大功告成!
3、資源引用
根據你所設的引數(即你在dojo.js與init.js檔案中的替換引數),使用對應的url,我的如下圖所示:
最後示例如下:
結尾:我之前其實自己試過用如openLayers、leaflet等其他開源的webmap api寫過一些例子。在老師的建議下,ArcGIS API for JavaScript是我現在主要使用的API,且行且學習。。。
一年之尾,亦是一年之始,我也將正式開始我的部落格生涯。本人在校學習並且做專案,在其過程中自然會遇到不少困惑與問題,遂將這些問題的解決方法與一些想法整理髮布在這個平臺上,也算是自己學習的一個總結與積累。如果有什麼問題與錯誤,期望大家多多指正,共同學習。
本人在做前端開發時,呼叫ArcGIS對於JS的API(網路資源獲取),但是經常出現無法獲取相關JS與CSS資源的情況。在這種情況反覆出現多次之後,我忍不住,終究還是實現該資源的本地化部署。
1、資源下載
ArcGIS API for JavaScript官網地址:https://developers.arcgis.com/javascript/;
API下載地址:https://developers.arcgis.com/www.yixingsyle.cn _uri=%2Fdownloads%2Fapis-and-sdks%3Fproduct%3Djavascript;
賬戶註冊地址(搜尋ArGIS Online):https://www.caibaoyule.cn /home/signin.html?returnUrl=https%3A%2F%2Fdoc.arcgis.com%2Fzh-cn%2Farcgis-online%2F;
註冊完帳戶即可免費下載最新或者其他版本的API。(話說我4.5還沒摸熟,4.6就出來了。。。)
2、資源部署
這方面其他的部落格也有提到,但是在此我還是寫一遍。具體是在WIndows環境下,不使用Node.JS,部署資源到IIS上。
2.1解壓
如上圖是4.6版本的API。
解壓後如上圖所示,點選install.html,將出現英文版的安裝教程,包括Windows、Linux環境或者是Node.JS中由NPM下載等等。
2.2配置與替換引數
這裡參考資源包裡install.html中關於WIndows環境下的部署:
總結上述,就是IIS要設定相應的MIME格式註冊,將資原始檔夾下的dojo.js與init.js進行相應的引數替換。
那麼問題來了。。。
文件中替換的欄位中包含如下欄位:。我按照此說明一步一步去做並不能實現資源的本地化,並出現404錯誤。
所以:
我在這個的基礎上修改了替換的欄位:
將 https://[HOSTNAME_AND_PATH_TO_JSAPI]dojo 替換為 http://www.feifanshifan8.cn /arcgis_js_api_4.6/library/4.6/dojo;
將 https://[HOSTNAME_AND_PATH_TO_JSAPI]init 替換為 http://www.hengxinyl.cn/ /arcgis_js_api_4.6/library/4.6/init;
2.3部署
將修改過後的整個資料夾複製到IIS下資料夾下,預設為C:\inetpub\wwwroot,再在IIS伺服器中確認此資料夾,並設定其目錄瀏覽啟動。
最後,修改資料夾下的web.config引數,設定如下:
大功告成!
3、資源引用
根據你所設的引數(即你在dojo.js與init.js檔案中的替換引數),使用對應的url,我的如下圖所示:
最後示例如下:
結尾:我之前其實自己試過用如openLayers、leaflet等其他開源的webmap api寫過一些例子。在老師的建議下,ArcGIS API for JavaScript是我現在主要使用的API,且行且學習。。。