nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Commencer avec ArcGIS JavaScript - Géocodage inverse

Egge-Jan_Pollé

<\/HEAD>

Reverse Geocoding <\/A>

 target="_self">Introduction<\/LI>

Données et services d'Esri Nederland<\/A><\/LI>Explication<\/A><\/LI>Code source<\/A><\/LI><\/UL><\/P>

Introduction<\/H2><\/P>Dans cette série d'exercices, nous explorons les possibilités de l'ArcGIS API for JavaScript <\/A>en utilisant des données et des services proposés par Esri Nederland<\/A> via ArcGIS Online<\/A>.<\/P>
<\/P>
Le reverse geocoding est la récupération d'une adresse à partir de deux coordonnées, dans ce cas en cliquant quelque part sur la carte.<\/P>
<\/P>

Données et services d'Esri Nederland<\/H2><\/P>Carte de base:<\/STRONG> La carte de base Topo RD<\/A> est une Web Map<\/STRONG> d'Esri Nederland avec l'id 7aea6fa913a94176a1074edb40690318<\/A>. Nous utilisons cette carte comme basemap<\/SPAN><\/LI>Geocoder<\/SPAN>: <\/ 5px solid gold<SPAN class="punctuation token">;<\/SPAN>
font-family<\/SPAN>:<\/SPAN> sans-serif;<\/SPAN>
font-size<\/SPAN>:<\/SPAN> 1.2em;<\/SPAN>
}<\/SPAN>
<\/<\/span>style<\/span>><\/span><\/span><\/span>

<\/<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>stylesheet"<\/span><\/span> href<\/span>=<\/span>"<\/span>https:\/\/js.arcgis.com\/4.11\/esri\/css\/main.css"<\/span><\/span>><\/span><\/span>
<\/<\/span>script<\/span> src<\/span>=<\/span>"<\/span>https:\/\/js.arcgis.com\/4.11\/"<\/span><\/span>><\/span><\/span><\/<\/span>script<\/span>><\/span><\/span><\/span>

<script><\/script>
require<\/SPAN>(<\/SPAN>[<\/SPAN>
"esri\/tasks\/Locator"<\/SPAN>,<\/SPAN>
"esri\/Map"<\/SPAN>,<\/SPAN>
"esri\/geometry\/Point"<\/SPAN>,<\/SPAN>
"esri\/views\/MapView"<\/SPAN>
]<\/SPAN>,<\/SPAN> function<\/SPAN>(<\/SPAN>Locator,<\/SPAN> Map,<\/SPAN> Point,<\/SPAN> MapView)<\/SPAN> { < / SPan >

// Zet een locator op met de BAG Geocoder van Esri Nederland < / SPan >
var < / SPan > locatorTask = < / SPan > new < / SPan > Locator( {
url :
"https://services.arcgisonline.nl/arcgis/rest/services/Geocoder_BAG_RD/GeocodeServer"
} ) ;

var map = new Map({
basemap: {
portalItem: {
id: "7aea6fa913a94176a1074edb40690318" // Carte de base d'Esri Pays-Bas : Topo RD
}
}
});

var rdOrigin = new Point({
x: 155000,
y: 463000,
spatialReference: 28992
});

var view = new MapView({
spatialReference: 28992,
container: "viewDiv",
map: map,
center: rdOrigin,
zoom: 3
});

// Ajoutez la div avec l'instruction à l'écran de la carte
view.ui.add("instruction", "bottom-left");

/*******************************************************************************
* En cliquant sur la carte, le popup associé à la vue est défini.
* Le point cliqué est utilisé comme entrée pour le géocodeur inverse.
* L'adresse trouvée et les coordonnées trouvées sont affichées dans le popup.
******************************************************************************/
view.popup.autoOpenEnabled = false;
view.on("click", function(event) {
// Récupérez les coordonnées du point cliqué
var rdx = Math.round(event.mapPoint.x);
var rdy = Math.round(event.mapPoint.y);

view.popup.open({
// Affichez les coordonnées RD trouvées dans le titre du popup. Les coordonnées sont
// arrondies au mètre entier et un point est placé entre les milliers
title: "Coordonnées RD : X = " + rdx.toLocaleString() + " / Y = " + rdy.toLocaleString(),
location: event.mapPoint // Placez le popup à l'emplacement cliqué
});

// Afficher la popup
// Effectuer un géocodage inverse pour l'emplacement cliqué
locatorTask
.locationToAddress(event.mapPoint)
.then(function(response) {
// Afficher l'adresse trouvée dans la popup
view.popup.content = response.address;
})
.catch(function(error) {
// Afficher un message d'erreur si aucune adresse n'est trouvée
view.popup.content = "Aucune adresse trouvée pour cet emplacement";
});
});
});
</script>
</head>
<body>
<div id="viewDiv"></div>
<div id="instruction">
Cliquez quelque part sur la carte pour récupérer une adresse
</div>
</body>
</html>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍<‍}</spanspan>

Trouver plus de publications taguées avec

Réponses

There are no comments yet

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.