使用Arcgis Api for Javascript 調用 本地Portal發布的WebMap
阿新 • • 發佈:2017-05-09
pla basemap 步驟 reat 地址 dap toc cli 配置
步驟:
- 安裝Arcgis Portal 10.4,Server 10.4,DataStore ,WebAdaptor for IIS,搭建arcgis api for javascript 4.3環境,具體配置過程自行百度,在此就不贅述。
- 設置Portal語言:"我的組織"->編輯設置->常規->語言,選中“中文簡體”;
- 發布圖層:在arcgis pro 1.4中發布名為point,line,polygon的測試服務,此處可以對各圖層進行唯一值渲染等配圖操作;
- 配置地圖:在Portal的地圖選項卡中,添加一個BaseMap,接著找到point 、line、polygon三個圖層,添加到地圖上,選擇保存按鈕,把配置好的地圖保存。此時可以在“我的內容”中看到配置的地圖。
- 使用JS API加載WebMap:代碼如下
1 var map,webMap,view,tileLyr; 2 require([ 3 "esri/Map", 4 "esri/WebMap", 5 "esri/views/MapView", 6 "esri/layers/VectorTileLayer", 7 "dojo/domReady!" 8 ], function(Map,WebMap, MapView, VectorTileLayer) {
View Code遇到 的問題:
- 配置esri/config.js中的PortalUrl後,網頁中的地圖服務地址依然指向www.arcgis.com
- 解決辦法:修改init.js中第一個PortalUrl,改為本地Portal地址https://xxx.xxx.com/arcgis即可
- https://www.xxx.com/arcgis/sharing/rest/portals/self?f=json&culture=zh-cn 這個地址提示404錯誤,找不到內容,
- 解決辦法:將這個地址手工復制到瀏覽器中,如果提示“不安全”,則繼續訪問,直到出內容即可。
- 此時Web頁面應該能加載出地圖了,恭喜!!!
使用Arcgis Api for Javascript 調用 本地Portal發布的WebMap