美文网首页ArcGIS JavaScript
ArcGIS js 3.X 使用笔记(二):添加ArcGIS.c

ArcGIS js 3.X 使用笔记(二):添加ArcGIS.c

作者: 伶念 | 来源:发表于2020-03-11 13:43 被阅读0次

    本部分主要使用的为

    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" 模块

     <script>
        var map;
        require(["esri/map", "esri/arcgis/utils"], function(Map, arcgisUtils) {
          arcgisUtils
            .createMap("765fad39af5b4ba18ea86491fe26a8b2", "myMap", {
              mapOptions: {
                slider: false,
                logo: true
              }
            })
            .then(function(response) {
              map = response.map;
            });
        });
      </script>
    

    关于"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.c

        本文链接:https://www.haomeiwen.com/subject/wtjqjhtx.html