Esri Nederland<\/A> <\/LI><\/UL><\/P>
Je ne suis pas trop mécontent de cette première carte. Qu’en pensez-vous ? Les suggestions d’amélioration sont toujours les bienvenues.<\/P>
<\/P>
Egge-Jan<\/P>
<\/P>
<!DOCTYPE html><\/SPAN>
<<\/SPAN>html<\/SPAN>><\/SPAN><\/SPAN>
<<\/SPAN>head<\/SPAN>><\/SPAN><\/SPAN>
<<\/SPAN>meta<\/SPAN> charset<\/SPAN>=<\/SPAN>"<\/ class="keyword token">var darkGrayCanvas_RD_EsriNL = new Basemap({
portalItem: {id: "62a3befb579e4d9f9c5c51576c8a7c25"} //Donkergrijze Canvas RD hosted by Esri Nederland
});
var topo_RD_EsriNL = new Basemap({
portalItem: {id: "7aea6fa913a94176a1074edb40690318"} //Topo RD hosted by Esri Nederland
});
var open_Topo_RD_EsriNL = new Basemap({
portalItem: {id: "0698b71eb7cf47898086d072e574ac32"} //Open Topo RD hosted by Esri Nederland
});
var luchtfoto_RD_EsriNL = new Basemap({
portalItem: {id: "38e1a1c6ee2c421290622400d22ecf57"} //Luchtfoto RD hosted by Esri Nederland
});
var localBasemaps = new LocalBasemapsSource({
basemaps ":["lightGrayCanvas_RD_EsriNL","darkGrayCanvas_RD_EsriNL","topo_RD_EsriNL","open_Topo_RD_EsriNL","luchtfoto_RD_EsriNL"]
});
var map = new Map({
basemap: topo_RD_EsriNL
});
var rdOrigin = new Point({
x: 155000,
y: 463000,
spatialReference: 28992
});
var view = new MapView({
spatialReference: 28992,
map: map,
container: "viewDiv",
center: rdOrigin,
zoom: 3
});
view.ui.empty("top-left"); //supprimer les boutons de zoom par défaut pour pouvoir ajouter d'abord le titre de la carte
view.ui.add(titleDiv, "top-left");
var zoomBtns = new Zoom({
view: view
});
view.ui.add(zoomBtns, "top-left"); //ajouter à nouveau les boutons de zoom sous le titre de la carte
var homeBtn = new Home({
view: view
});
// Ajouter le bouton d'accueil dans le coin supérieur gauche de la vue
view.ui.add(homeBtn, "top-left");
var searchWidget = new Search({
container: document.createElement("div"),
sources: [{
locator: new Locator({ url: "https://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer" }),
singleLineFieldName: "SingleLine", // Cela permet de rechercher sur la combinaison du code postal et du numéro de maison, par ex. 4181 AE 38
countryCode:"NL" //utiliser le GeocodeServer par défaut, mais limiter les résultats aux Pays-Bas seulement
placeholder: "Rechercher une adresse ou un lieu"
}],
view: view,
includeDefaultSources: false
});
searchWidgetExpand = new Expand({
expandIconClass: "esri-icon-search", // voir https://developers.arcgis.com/javascript/latest/guide/esri-icon-font/
expandTooltip: "Recherche", // optionnel, par défaut "Expand" pour la locale anglaise
view: view,
content: searchWidget.domNode,
group: "top-right"
});
var basemapGallery = new BasemapGallery({
container: document.createElement("div"),
view: view,
source: localBasemaps
});
basemapGalleryExpand = new Expand({
expandIconClass: "esri-icon-basemap",
expandTooltip: "Cartes de base",
view: view,
content: basemapGallery.domNode,
group: "top-right"
});
// Ajouter les widgets dans le coin supérieur droit de la vue
view.ui.add
([searchWidgetExpand, basemapGalleryExpand], "top-right").
