Pour arcgis javascript SDK version 3.x, vous pouvez utiliser la classe esri / basemaps pour déclarer et enregistrer des fonds de carte personnalisés et les utiliser avec votre carte: https://developers.arcgis.com/javascript/3/jsapi/esri.basemaps-amd.html
Déclarez et enregistrez un fond de carte personnalisé:
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" }
]
};
Utilisez un fond de carte personnalisé dans le constructeur de carte:
var map = new Map("mapDiv", {
basemap: "mybasemap",
center: [-122.69, 45.52],
zoom: 3
});
Ou vous pouvez appliquer votre fond de carte personnalisé à la carte existante:
map.setBasemap("mybasemap");
Exemple de code complet: https://codepen.io/digz6666/pen/wPwPbW
Pour arcgis javascript SDK version 4.x, vous pouvez utiliser esri / Basemap.
Déclarez la couche de fond de carte et le fond de carte:
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'
});
Appliquer un fond de carte à un objet de carte existant:
map.basemap = myBasemap;