使用Arcgis Api for Javascript 调用 本地Portal发布的WebMap

Posted 2020-09-17 夜幽儿

步骤：

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页面应该能加载出地图了，恭喜！！！