ArcGIS js 3.X 使用笔记(二):添加ArcGIS.com上构建的Web地图为底图

本部分主要使用的为

require(["esri/arcgis/utils"], function(arcgisUtils) { /* code goes here */ });

在ArcGIS.com上构建Web地图

(此步骤需要注册,不能注册的跳到本步骤最后)
1.前往地址:https://www.arcgis.com/home/index.html
选择任意一个希望添加的地图
2.对地图进行编辑,保存,共享(不共享的话,加载时需要身份验证),webmapId在地址栏复制就好
或者直接使用我天地图矢量 的ID:2fa2fa6f023c4fbf9aa206184d7e4c92

修改js部分代码

引入 "esri/arcgis/utils" 模块

 

关于"esri/arcgis/utils"模块

描述:用于处理ArcGIS.com内容的实用程序方法。
常用方法:
createMap(itemIdOrItemInfo, mapDiv, options?)
itemIdOrItemInfo:地图信息或者地图id
mapDiv:地图容器
options(可选):mapOptions:地图参数
editable:是否可编辑
官网sample:

  "esri/arcgis/utils",
  "esri/map", "dojo/domReady!"
  ], function (arcgisUtils, Map) {
    var deferred;
    var createMapOptions = {
      mapOptions: {
        slider: true
      },
      usePopupManager: true, // since version 3.10
      bingMapsKey: bingMapsKey,
      geometryServiceURL: "http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer"
    };
    var webMapItemID = "c41d5f3b4e304806a047702fbfc2759e";
    deferred = arcgisUtils.createMap(webMapItemID, "ui-map", createMapOptions);

    deferred.then(function (response) {
      map = response.map;
    }, function (error) {
         console.log("Error: ", error.code, " Message: ", error.message);
         deferred.cancel();
    });
});

更多参数参见https://developers.arcgis.com/javascript/3/jsapi/esri.arcgis.utils-amd.html

你可能感兴趣的:(ArcGIS js 3.X 使用笔记(二):添加ArcGIS.com上构建的Web地图为底图)