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; } } }

Erste Schritte mit ArcGIS JavaScript - Reverse Geocoding

Egge-Jan_Pollé

<\/HEAD>

Reverse Geocoding <\/A>

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

Daten und Services von Esri Nederland<\/A><\/LI>Erläuterung<\/A><\/LI>Quellcode<\/A><\/LI><\/UL><\/P>

Einleitung<\/H2><\/P>In dieser Übungsreihe erkunden wir die Möglichkeiten der ArcGIS API for JavaScript <\/A> mithilfe von Daten und Diensten, die von Esri Nederland<\/A> über ArcGIS Online<\/A> angeboten werden.<\/P>
<\/P>
Reverse geocoding ist das Abrufen einer Adresse anhand eines Koordinatenpaares, in diesem Fall durch Klicken auf eine Stelle in der Karte.<\/P>
<\/P>

Daten und Services von Esri Nederland<\/H2><\/P>Grundkarte:<\/STRONG> Die Topo RD Grundkarte<\/A> ist eine Web Map<\/STRONG> von Esri Nederland mit der ID 7aea6fa913a94176a1074edb40690318<\/A>. Diese Karte verwenden wir als 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><\/script><\/Span>

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

// Setze einen Locator mit dem BAG Geocoder von Esri Nederland auf
var locatorTask = new Locator({
url:
"https://services.arcgisonline.nl/arcgis/rest/services/Geocoder_BAG_RD/GeocodeServer"
});

var map = new Map({
basemap: {
portalItem: {
id: "7aea6fa913a94176a1074edb40690318" // Grundkarte von Esri Nederland: 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
});

// Füge das Div mit der Anweisung zum Kartenbildschirm hinzu
view.ui.add("instruction", "bottom-left");

/*******************************************************************************
* Durch Klicken auf die Karte wird das Popup, das zur Ansicht gehört, eingestellt.
* Der angeklickte Punkt wird als Eingabe für den Reverse-Geocoder verwendet.
* Die gefundene Adresse und die gefundenen Koordinaten werden im Popup angezeigt.
******************************************************************************/
view.popup.autoOpenEnabled = false;
view.on("click", function(event) {
// Hole die Koordinaten des angeklickten Punktes
var rdx = Math.round(event.mapPoint.x);
var rdy = Math.round(event.mapPoint.y);

view.popup.open({
// Zeige die gefundenen RD-Koordinaten im Titel des Popups an. Die Koordinaten werden
// auf ganze Meter gerundet und es wird ein Punkt zwischen den Tausenderstellen gesetzt
title: "RD-Koordinaten: X = " + rdx.toLocaleString() + " / Y = " + rdy.toLocaleString(),
location: event.mapPoint // Platziere das Popup an der angeklickten Position
});

// Popup anzeigen<\/SPAN>
\/\/ Führen Sie Reverse-Geocoding für den angeklickten Standort durch<\/SPAN>
locatorTask
.<\/SPAN>locationToAddress<\/SPAN>(<\/SPAN>event.<\/SPAN>mapPoint)<\/SPAN>
.<\/SPAN>then<\/SPAN>(<\/SPAN>function<\/SPAN>(<\/SPAN>response)<\/SPAN> {<\/SPAN>
\/\/ Zeigen Sie die gefundene Adresse im Popup an<\/SPAN>
view.<\/SPAN>popup.<\/SPAN>content =<\/SPAN> response.<\/SPAN>address;<\/SPAN>
}<\/SPAN>)<\/SPAN>
.<\/SPAN>catch<\/SPAN>(<\/SPAN>function<\/SPAN>(<\/SPAN>error)<\/SPAN> {<\/SPAN>
\/\/ Zeigen Sie eine Fehlermeldung an, wenn keine Adresse gefunden wird<\/SPAN>
view.<\/SPAN>popup.<\/SPAN>content =<\/SPAN> "Für diesen Standort wurde keine Adresse gefunden"<\/SPAN>;<\/SPAN>
}<\/SPAN>)<\/SPAN>;<\/SPAN>
}<\/Span>)<\/Span>;<\/Span>
});<\/Span>
<\/<\span>script><\/<\span>
<\/<\span>head><\/<\span>
<body><\/<\span>
<div id="viewDiv"></div>
<div id="instruction">
Klicken Sie irgendwo auf die Karte, um eine Adresse abzurufen
</div>
</body>
</html>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍<‍}</spanspan>

Finde mehr Beiträge mit dem Tag

Kommentare

There are no comments yet

Nehmen Sie an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registrieren Sie ein kostenloses Konto.

Schnellzugriffe

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