1. 程式人生 > >使用Arcgis Api for Javascript 調用 本地Portal發布的WebMap

使用Arcgis Api for Javascript 調用 本地Portal發布的WebMap

pla basemap 步驟 reat 地址 dap toc cli 配置

步驟:

  1. 安裝Arcgis Portal 10.4,Server 10.4,DataStore ,WebAdaptor for IIS,搭建arcgis api for javascript 4.3環境,具體配置過程自行百度,在此就不贅述。
  2. 設置Portal語言:"我的組織"->編輯設置->常規->語言,選中“中文簡體”;
  3. 發布圖層:在arcgis pro 1.4中發布名為point,line,polygon的測試服務,此處可以對各圖層進行唯一值渲染等配圖操作;
  4. 配置地圖:在Portal的地圖選項卡中,添加一個BaseMap,接著找到point 、line、polygon三個圖層,添加到地圖上,選擇保存按鈕,把配置好的地圖保存。此時可以在“我的內容”中看到配置的地圖。
  5. 使用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) {
    
    9 10 // Create a Map 11 map = new Map(); 12 webMap=new WebMap({ 13 portalItem: { // autocasts as new PortalItem() 14 id: "ea75705fbf3f40639de492578d247fae" 15 } 16 }); 17 // Make map view and bind it to the map
    18 view = new MapView({ 19 container: "viewDiv", 20 map: webMap, 21 22 zoom: 10 23 });
    View Code

    遇到 的問題:

    1. 配置esri/config.js中的PortalUrl後,網頁中的地圖服務地址依然指向www.arcgis.com
    2. 解決辦法:修改init.js中第一個PortalUrl,改為本地Portal地址https://xxx.xxx.com/arcgis即可
    3. https://www.xxx.com/arcgis/sharing/rest/portals/self?f=json&culture=zh-cn 這個地址提示404錯誤,找不到內容,
    4. 解決辦法:將這個地址手工復制到瀏覽器中,如果提示“不安全”,則繼續訪問,直到出內容即可。
  6. 此時Web頁面應該能加載出地圖了,恭喜!!!

使用Arcgis Api for Javascript 調用 本地Portal發布的WebMap