在ArcGIS JS 4.11中,可以使用Map类的basemap属性来添加底图图层到底图库中。以下是一个示例代码:
require([
"esri/Map",
"esri/views/MapView",
"esri/layers/WebTileLayer"
], function(Map, MapView, WebTileLayer) {
// 创建底图图层
var basemapLayer = new WebTileLayer({
urlTemplate: "https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{level}/{row}/{col}"
});
// 创建地图实例
var map = new Map({
basemap: {
baseLayers: [basemapLayer] // 添加底图图层到底图库中
}
});
// 创建地图视图
var view = new MapView({
container: "viewDiv",
map: map,
center: [-122.4194, 37.7749], // 设置地图视图中心点
zoom: 12 // 设置地图视图缩放级别
});
});
在上面的代码中,我们首先使用WebTileLayer类创建一个底图图层,其中urlTemplate属性指定了图层的URL模板。然后,我们创建了一个地图实例,并在其中的basemap属性中将底图图层添加到了baseLayers数组中。最后,我们创建了一个地图视图,并将地图实例设置为其map属性。
请注意,上述示例中的URL模板使用的是ArcGIS Online的世界街道地图服务。你可以根据自己的需求替换为其他的底图图层URL。