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

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的测试服务，此处可以对各图层进行唯一值渲染等配图操作,设置图层弹出框显示的字段内容、样式、模板等内容;

　　简单配置图层样式：

　　

var map,webMap,view,tileLyr;
require([
"esri/Map",
"esri/WebMap",
"esri/views/MapView",
"esri/layers/VectorTileLayer",
"dojo/domReady!"
], function(Map,WebMap, MapView, VectorTileLayer) {

// Create a Map
map = new Map();
webMap=new WebMap({
portalItem: { // autocasts as new PortalItem()
id: "ea75705fbf3f40639de492578d247fae"
}
});
// Make map view and bind it to the map
view = new MapView({
container: "viewDiv",
map: webMap,

zoom: 10
});

View Code

　6.遇到问题：

　　　　1、配置esri/config.js中的PortalUrl后,网页中的地图服务地址依然指向www.arcgis.com

　　　　解决办法：根据官方说明去修改esri/config.js文件中的PortalUrl,但是发现无效;修改init.js中第一个PortalUrl,改为本地Portal地址https://xxx.xxx.com/arcgis即可

　　　　2、https://www.xxx.com/arcgis/sharing/rest/portals/self?f=json&culture=zh-cn 这个地址提示404错误，找不到内容，

　　　　解决办法：将这个地址手工复制到浏览器中，如果提示“不安全”，则继续访问，直到出内容即可。

　　此时Web页面应该能加载出地图了，恭喜！！！

　　7.自定义底图样式

　　 通过修改root.json，可以实现不同风格的底图，从而实现在不同主题的应用中加载不同的风格的地图。

　　　具体步骤请参照 http://www.giser.net/?p=1522 。需要注意的地方是Vector Tile Layer 要处于根节点。