本部分主要使用的為
require(["esri/arcgis/utils"], function(arcgisUtils) { /* code goes here */ });
在ArcGIS.com上構(gòu)建Web地圖
(此步驟需要注冊,不能注冊的跳到本步驟最后)
1.前往地址:https://www.arcgis.com/home/index.html
選擇任意一個(gè)希望添加的地圖
2.對地圖進(jìn)行編輯娱两,保存,共享(不共享的話,加載時(shí)需要身份驗(yàn)證),webmapId在地址欄復(fù)制就好
或者直接使用我天地圖矢量 的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>
關(guān)于"esri/arcgis/utils"模塊
描述:用于處理ArcGIS.com內(nèi)容的實(shí)用程序方法姆坚。
常用方法:
createMap(itemIdOrItemInfo, mapDiv, options?)
itemIdOrItemInfo:地圖信息或者地圖id
mapDiv:地圖容器
options(可選):mapOptions:地圖參數(shù)
editable:是否可編輯
官網(wǎng)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();
});
});
更多參數(shù)參見https://developers.arcgis.com/javascript/3/jsapi/esri.arcgis.utils-amd.html