Для arcgis javascript SDK версии 3.x вы можете использовать класс esri / basemaps для объявления и регистрации пользовательских базовых карт и использования с вашей картой: https://developers.arcgis.com/javascript/3/jsapi/esri.basemaps-amd.html
Объявите и зарегистрируйте пользовательскую базовую карту:
Basemaps.mybasemap = {
title: 'My custom basemap',
thumbnailUrl: 'https://js.arcgis.com/3.22/esri/images/basemap/satellite.jpg',
//itemId: 'ulas',
baseMapLayers: [
{ url: "https://services.arcgisonline.com/ArcGIS/rest/services/Specialty/DeLorme_World_Base_Map/MapServer" }
]
};
Используйте пользовательскую базовую карту в конструкторе карты:
var map = new Map("mapDiv", {
basemap: "mybasemap",
center: [-122.69, 45.52],
zoom: 3
});
Или вы можете применить свою собственную базовую карту к существующей карте:
map.setBasemap("mybasemap");
Пример полного кода: https://codepen.io/digz6666/pen/wPwPbW
Для arcgis javascript SDK версии 4.x вы можете использовать esri / Basemap.
Объявите слой базовой карты и базовую карту:
var baseLayer = new MapImageLayer({
url: "https://services.arcgisonline.com/ArcGIS/rest/services/Specialty/DeLorme_World_Base_Map/MapServer"
});
var myBasemap = this.esri.basemap({
baseLayers: [baseLayer],
title: 'My custom basemap',
id: 'my_custom_basemap'
});
Примените базовую карту к существующему объекту карты:
map.basemap = myBasemap;