本部分主要使用的为
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
网友评论