Começando com ArcGIS JavaScript - Geocodificação reversa

Egge-Jan_Pollé

<\/HEAD>

<\/A>

• &#1;&#2; target="_self">Introdução<\/LI>

Dados e serviços da Esri Nederland<\/A><\/LI>Explicação<\/A><\/LI>Código fonte<\/A><\/LI><\/UL><\/P>

Introdução<\/H2><\/P>Nesta série de exercícios exploramos as possibilidades da ArcGIS API for JavaScript <\/A>usando dados e serviços oferecidos pela Esri Nederland<\/A> via ArcGIS Online<\/A>.<\/P>

<\/P>

Reverse geocoding é a obtenção de um endereço a partir de um par de coordenadas, neste caso clicando em algum lugar no mapa.<\/P>

<\/P>

Dados e serviços da Esri Nederland<\/H2><\/P>Mapa base:<\/STRONG> O Mapa base Topo RD<\/A> é um Web Map<\/STRONG> da Esri Nederland com o id 7aea6fa913a94176a1074edb40690318<\/A>. Este mapa usamos como 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>

<<\/span>script<\/span>><\/span><\/span>
require<\/span>(<\/span>[<\/span>
"esri\/tasks\/Locator"<\/span>,<\/span>
"esri\/Map"<\/span>,<\/span>
"esri\/geometry\/Point"<\/span>,<\/span>
"esri\/views\/MapView"<\/span>
[0m, [0mfunction[0m([0mLocator[0m,[0m Map[0m,[0m Point[0m,[0m MapView[0m)[0m{

[90m// Configura um locator com o BAG Geocoder da Esri Nederland[0m
[36mvar[0m locatorTask [33m=[0m [36mnew[0m [34mLocator[0m[33m(<[0m<span>{
url:
"https://services.arcgisonline.nl/arcgis/rest/services/Geocoder_BAG_RD/GeocodeServer"
} ) ;

var map = new Map({
basemap: {
portalItem: {
id: "7aea6fa913a94176a1074edb40690318" // Mapa base da 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
});

// Adiciona a div com a instrução à tela do mapa
view.ui.add("instruction", "bottom-left");

/*******************************************************************************
* Ao clicar no mapa, o popup associado à view é configurado.
* O ponto clicado é usado como entrada para o geocodificador reverso.
* O endereço encontrado e as coordenadas encontradas são exibidos no popup.
******************************************************************************/
view.popup.autoOpenEnabled = false;
view.on("click", function(event) {
// Obtém as coordenadas do ponto clicado
var rdx = Math.round(event.mapPoint.x);
var rdy = Math.round(event.mapPoint.y);

view.popup.open({
// Exibe as coordenadas RD encontradas no título do popup. As coordenadas são
// arredondadas para metros inteiros e um ponto é colocado entre os milhares
title: "Coordenadas RD: X = " + rdx.toLocaleString() + " / Y = " + rdy.toLocaleString(),
location: event.mapPoint // Coloca o popup na localização clicada
});

// Mostrar o popup<\/SPAN>
\/\/ Execute geocodificação reversa para a localização clicada<\/SPAN>
locatorTask
.<\/SPAN>locationToAddress<\/SPAN>(<\/SPAN>event.<\/SPAN>mapPoint)<\/SPAN>
.<\/SPAN>then<\/SPAN>(<\/SPAN>function<\/SPAN>(<\/SPAN>response)<\/SPAN> {<\/SPAN>
\/\/ Mostre o endereço encontrado no popup<\/SPAN>
view.<\/SPAN>popup.<\/SPAN>content =<\/SPAN> response.<\/SPAN>address;<\/SPAN>
}<\/SPAN>)<\/SPAN>
.<\/SPAN>catch<\/SPAN>(<\/SPAN>function<\/SPAN>(<\/SPAN>error)<\/SPAN> {<\/SPAN>
\/\/ Mostre uma mensagem de erro se nenhum endereço for encontrado<\/SPAN>
view.<\/SPAN>popup.<\/SPAN>content =<\/SPAN> "Nenhum endereço foi encontrado para esta localização"<\/SPAN>;<\/SPAN>
}<\/SPAN><SP... (truncated)