Для 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;