Začínáme s ArcGIS JavaScript - Reverzní geokódování

Egge-Jan_Pollé

<\/HEAD>

<\/A>

• &#1;&#2; target="_self">Úvod<\/LI>

Data a služby Esri Nederland<\/A><\/LI>Vysvětlení<\/A><\/LI>Zdrojový kód<\/A><\/LI><\/UL><\/P>

Úvod<\/H2><\/P>V této sérii cvičení prozkoumáme možnosti ArcGIS API for JavaScript <\/A>pomocí dat a služeb, které nabízí Esri Nederland<\/A> přes ArcGIS Online<\/A>.<\/P>

<\/P>

Reverse geocoding je získání adresy na základě dvojice souřadnic, v tomto případě kliknutím na mapu.<\/P>

<\/P>

Data a služby Esri Nederland<\/H2><\/P>Základní mapa:<\/STRONG> Topo RD základní mapa<\/A> je Web Map<\/STRONG> od Esri Nederland s ID 7aea6fa913a94176a1074edb40690318<\/A>. Tuto mapu používáme jako 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><\/span>
require<\/span>([
"esri/tasks/Locator",
"esri/Map",
"esri/geometry/Point",
"esri/views/MapView"
], function(Locator, Map, Point, MapView) {

// Nastavte locator s BAG Geocoder od Esri Nederland<\/span>
var locatorTask = new Locator({
url:
"https://services.arcgisonline.nl/arcgis/rest/services/Geocoder_BAG_RD/GeocodeServer"
});

var map = new Map({
basemap: {
portalItem: {
id: "7aea6fa913a94176a1074edb40690318" // Základní mapa od 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
});

// Přidejte div s instrukcí na mapové zobrazení<\/span>
view.ui.add("instruction", "bottom-left");

/*******************************************************************************
* Kliknutím na mapu se nastaví popup spojený s pohledem.
* Kliknutý bod se použije jako vstup pro reverzní geokódování.
* Nalezená adresa a nalezené souřadnice se zobrazí v popupu.
******************************************************************************/
view.popup.autoOpenEnabled = false;
view.on("click", function(event) {
// Získejte souřadnice kliknutého bodu<\/span>
var rdx = Math.round(event.mapPoint.x);
var rdy = Math.round(event.mapPoint.y);

view.popup.open({
// Zobrazte nalezené RD souřadnice v titulku popupu. Souřadnice jsou
// zaokrouhleny na celé metry a mezi tisícovými místy je tečka.<\/span>
title: "RD Souřadnice: X = " + rdx.toLocaleString() + " / Y = " + rdy.toLocaleString(),
location: event.mapPoint // Umístěte popup na kliknutou pozici
});

// Zobrazit popup
// Proveďte reverzní geokódování pro kliknutou lokaci
locatorTask
.locationToAddress(event.mapPoint)
.then(function(response) {
// Zobrazte nalezenou adresu v popup okně
view.popup.content = response.address;
})
.catch(function(error) {
// Zobrazte chybovou zprávu, pokud nebyla nalezena žádná adresa
view.popup.content = "Pro tuto lokaci nebyla nalezena žádná adresa";
});
});
});





Klikněte někde na mapu pro získání adresy


‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍< < EM O J I _ 4 6 > > < / s p a n > < s p a n > < < E M O J I _ 4 7 > > < / s p a n > < s p a n > < < E M O J I _ 4 8 > > < / s p a n > < s p a n > < < E M O J I _ 4 9 > > < / s p a n > < s p a n > < < E M O J I _ 5 0 > > < / s p a n > < s p a n > < < E M O J I _ 5 1 > > < / s p a n > < s p a n > < < E M O J I _ 5 2 > > < / s p a n > < s p a n > < < E M O J I _ 5 3 > > < / s p a n > < s p a n > < < E M O J I _ 5 4 > > < / s p a n > < s p a n > < < E M O J I _ 5 5 > > < / s p a n > < s p a n > << EM O J I _ 5 6 >> </ span >< span >< < EM O J I _ 5 7 >> </ span >< span >< < EM O J I _ 5 8 >> </ span >< span >< < EM O J I _ 5 9 >> </ span >< span >< < EM O J I _ 6 0 >> </ span >< span >< < EM O J I _ 6 1 >> </ span >< span >< < EM O J I _ 6 2 >> </ span >< span >< < EM O J I _ 6 3 >> </ span >< span >< < EM O J I _ 6 4 >> </ span >< span >< < EM O J I _ 6 5 >> </ span >< span >< < EM O J I _ 6 6 >> </ span >< span >< < EM O J I _ 6 7 >> </ span >< span >< < EM O J I _ 6 8 >> </ span >< span >< < EM O J I _ 6 9 >> </ span >< span >< < EM O J I _ 7 0 >> </ span >< span >< < EM O J I _ 7 1 >> </ span >< span >< < EM O J I _ 7 2 >> </ span >< span >< < EM O J I _ 7 3 >> </ span >< span >< < EM O J I _ 7 4 >> </ span >< span >< < EM O J I _75>> </ span >< span >< << EMOJ_I__76>> </ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an }}</translation>}