码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2017-05-09 16:18:22      阅读:2084      评论:0      收藏:0      [点我收藏+]

标签:cti   item   har   cto   func   网页   eve   json   com   

步骤:

  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

标签:cti   item   har   cto   func   网页   eve   json   com   

原文地址:http://www.cnblogs.com/jinlun/p/6831016.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!