Commencer avec ArcGIS JavaScript - DKK Geocoder

Egge-Jan_Pollé

<\/HEAD>

<\/A>https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/06\/02\/aan-de-slag-met-arcgis-javascript-inleiding<\/A><\/P>

<\/P>

DKK Geocoder<\/H1><\/P>En octobre 2019, Esri Nederland<\/STRONG> a lancé un nouveau service pour la recherche de parcelles cadastrales : le DKK Geocoder<\/A>. DKK signifie Carte Cadastrale Digitale.<\/P>

<\/P>

Dans cet exercice, nous utilisons ce nouveau Locator dans

l'ArcGIS API for JavaScript<\/A>, version 4.13 (qui a également été publiée en octobre 2019).<\/P>

<\/P>

Donc, si vous utilisez la fonction de recherche dans cette application de cartographie web, vous pouvez non seulement rechercher des adresses, mais aussi des parcelles cadastrales aux Pays-Bas : <\/P>

Commencer avec ArcGIS JavaScript - DKK Geocoder<\/A> <\/P>

<\/P>

Plus d'informations sur ce nouveau service d'Esri Nederland sont disponibles dans ce blog

https:\/\/community.esri.com\/community\/arcgis-content-esri-nederland\/blog\/2019\/10\/03\/douze-points-voor-perceel-rtd06-s-4403-onze-nieuwe-dkk-geocoder<\/A> de Jeske van der Velden<\u200c<\u200c>\/<\u200c>\/<\u200c>\/<\u200c>\/<\u200c>\/<\u200c>\/<\u200c>\/<\u200c>\/<\u200c>\/<\u200c>\/<\u200c>\/<\u200c>\/<\u200c>\/<\u200c>\/<\u200c>\/<\u200c>\/<\u200c>">
0;<\/SPAN>
left<\/SPAN>:<\/SPAN> 0;<\/SPAN>
padding<\/SPAN>:<\/SPAN> 0;<\/SPAN>
margin<\/SPAN>:<\/SPAN> 0;<\/SPAN>
}<\/SPAN>
td<\/SPAN> {<\/SPAN>
padding<\/SPAN>:<\/SPAN> 15px;<\/SPAN>
}<\/SPAN>
.dialogDiv<\/SPAN> {<\/SPAN>
background-color<\/SPAN>:<\/SPAN> blanc;<\/SPAN>
width<\/SPAN>:<\/SPAN> 480px;<\/SPAN>
}<\/SPAN>
.dialogHeader<\/SPAN> {<\/SPAN>
color<\/SPAN>:<\/SPAN> blanc;<\/SPAN>
font-weight<\/SPAN>:<\/SPAN> plus gras;<\/SPAN>
width<\/PAN>:<\/PAN> auto;<\/PAN>
background-color<\/PAN>:<\/PAN> #113395;<\/PAN>
padding<\/PAN>:<\/PAN> 5px;<\/PAN>
}<\/PAN>
.esri-basemap-gallery__item-thumbnail<\/PAN> {<\/PAN>
width<\/PAN>:<\/PAN> auto;<\/PAN>
}<\/PAN>
<\/<\/PAN>style<\/PAN>><\/<\/PAN><\/<\/PAN>
<<\/<CANscript><|vq_13242|>} \/\/ voir https:\/\/developers.arcgis.com\/javascript\/latest\/guide\/esri-icon-font\/
expandTooltip: basemapGallery.label,
view: view,
content: basemapGallery,
group: "top-left"
});

let layerList = new LayerList({
view: view,
listItemCreatedFunction: function(event){
const item = event.item;
item.actionsSections = [
[
{
title: item.layer.title,
className: "esri-icon-description",
id: "information"
}
]
];
}
});

layerList.on("trigger-action", function(event) {
if (event.action.id === "information") {
\/\/ Si l'action information est déclenchée, alors ouvrir la page des détails de l'élément du service layer.
window.open(event.item.layer.url);
}
});

layerListExpand = new Expand({
expandIconClass: "esri-icon-layers",
expandTooltip: layerList.label,
view: view,
content: layerList,
group: "top-left"
});

let zoom = new Zoom({view: view});
let homeWidget = new Home({view: view});
let compass = new Compass({view: view});

view.ui.add([aboutExpand, searchWidgetExpand, zoom, homeWidget, compass, basemapGalleryExpand, layerListExpand], "top-left");

\/\/ Assurez-vous que la parcelle cliquée est mise en surbrillance - exemple de code fourni par Robert Scheitlin, GISP sur GeoNet
view.popup.watch('selectedFeature', function(gra){
if(gra){
view.graphics.removeAll();
let h = view.highlightOptions;
gra.symbol = {
type: "simple-fill", \/\/ autocasts as new SimpleFillSymbol()
color: [h.color.r,h.color.g, h.color.b, h.fillOpacity],
outline: {
\/\/ autocasts as new SimpleLineSymbol()
color: [h.color.r,h.color.g, h.color.b, h.color.a],
width: 1
}
};
view.graphics.add(gra);
}else{
view.graphics.removeAll();
}
});

view.popup.watch('visible', function(vis){
if(!vis){
view.graphics.removeAll();
}
});

});
<\/<\/SPAN>script<\/SPAN>><\/<\/SPAN><\/SPAN>
<\/<\/SPAN>head<\/SPAN>><\/<\/SPAN><\/SPAN>
<<\/span>body<\/span>><\/<\/span><\/span>
<<\/span>div<\/span> id<\/span>=<\/span>"<\/span>header"<\/span><\/span>><\/<\/span><\/span>
<<\/span>div<\/span> id<\/span>=<\/span>"<\/span>headertext"<\/span><\/span> class<\/span>=<\/span>"<\/span>stretch"<\/span><\/span>><\/<\/span><\/span>Kadastrale Percelen in Nederland<\/<\/Span>div<\/Span>&Gt;<\/<\/Span><\/<\/Span>
&Lt;\/<\/Span>div<\/Span>&Gt;<\/<\/Span><\/<\/Span>
&Lt;<\/Span>div<\/Span> id<\/Span>=<\/Span>"<\/Span>viewDiv"<\/Span><\/Span>&Gt;<\/<\/Span><\/<\/Span>

&Lt;<\/Span>div<\/Span> class<\/Span>=<\/Span>"<\/Span>dialogDiv"<\/Span> id<\/Span>=<\/Span>"<\/Span>aboutDiv"<\/Span><\/Span>< Span Class= \"Attr-Name Token \ ">style< \/ Span >< \/ Span >< Span Class = \ " Punctuation Token \ "> = " < \/ Span > < Span Class = \ " Attr-Value Token \ "> display < \/ Span > : none < \/ Span > " < \/ Span >< \/ Span >< Span Class = \ " Punctuation Token \ "> & gt ; < \/ Span >< \/ Span >
< Span Class = \ "Token Tag \ " > < Span Class = \ "Token Tag \ " > < Span Class = \ " Punctuation Token \ " > & lt ; \/ < \/ Span > div < \/ Span > < Span Class = \ " Punctuation Token \ " > & gt ; < \/ Span > < / Span > Percelen Zoeken < Span Class = \ "Token Tag \ " > < Span Class = \ "Token Tag \ " > & lt ; \/ < \/ Span > div < \/ Span > < Span Class = \ " Punctuation Token \ " > & gt ; < \/ Span >
< Span Class = \ "Token Tag \ " > < Span Class = \ "Token Tag \ " > & lt ; tr > < / span >
< span class = "token tag" >< span class = "token tag" ><td>< / span >< / span >
< span class = "token tag" >< span class = "token tag" ><h3>< / span >DKK Geocoder</h3>
< span class = "token tag" >< span class = "token tag" ><p>< / span >En octobre 2019, < span class = "token tag" >< span class = "token tag" ><b>< / span >Esri Nederland</b> a lancé un nouveau service pour rechercher des parcelles cadastrales : le < span class = "token tag" >< span class = "token tag" ><a href="https://www.arcgis.com/home/item.html?id=6d81906aa15243e19e1bde4cd4bff69d" target="blank"></ span >DKK Geocoder</a>.
Plus d'informations sur DKK Geocoder sont disponibles dans leblog.
Essayer
Ici vous pouvez essayer ce nouveau service de recherche :< class="punctuation token"><\/p<\/SPAN>><\/SPAN><\/SPAN>
<<\/</SPAN>p<\/SPAN>><\/SPAN><\/SPAN><<\/</SPAN>div<\/SPAN> class<\/SPAN>=<\/</SPAN>"<\/</SPAN>esri-widget--button"<\/</SPAN><\/SPAN>><\/SPAN><\/SPAN><<\/</SPAN>span<\/SPAN> title<\/SPAN>=<\/</SPAN>"<\/</SPAN>Cliquez sur le bouton de recherche à côté et recherchez une parcelle, par exemple RTD06 S 4403."<\/</SPAN><\/SPAN> class<\/SPAN>=<\/</SPAN>"<\/</SPAN>esri-icon-search"<\/</SPAN><\/SPAN>><\/SPAN><\/SPAN><\/<\/span>span<\/span>><\/span><\/span><\/<\/span>div<\/span>><\/span><\/span>Cliquez sur le bouton de recherche à côté et recherchez une parcelle, par exemple <\/b<\/span>><\/span><\/span>RTD06 S 4403<\/b<\/span>><\/span><\/span>.<\/p<\/span>><\/span><\/span>
<\/p<\/span>><\/span><\/span>Cette application a été réalisée par :<\/
br<\/span>><\/span><\/span> &Lt; \/ a > < / Span > < Span Class= "Attr-Name Token "> Href < / Span > < Span Class= "Attr-Value Token "> < Span Class= "Punctuation Token "> = < / Span > < Span Class= "Punctuation Token "> " < / Span > https : //www.tensing.com/ < Span Class= "Punctuation Token "> " < / Span > < / Span > < Span Class= "Attr-Name Token "> Target < / Span > < Span Class= "Attr-Value Token "> < Span Class= "Punctuation Token "> = < / Span > < Span Class= "Punctuation Token "> " < / Span > blank < Span Class= "Punctuation Token "> " < / Span > < / Span > &Gt ; Tensing GIS Consultancy B.V. &Lt; \ / a > &Gt ; &Lt; \ / p >
&Lt; \ / td >
&Lt; \ / tr >
&Lt; \ / table >
&Lt; \ / div >
< span Class ="Token Tag">< span Class ="Punctuation Token"> & Lt ; \ / body > </ span >< / span >< span Class ="Token Tag">< span Class ="Token Tag">< span Class ="Punctuation Token"> & Lt ; \ / html > </ span >< / span >‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍< span Class ="Line-Numbers-Rows">< span >< >< / span >< span >< >< / span >< span >< >< / span >< span >< >< / span >< span >< >< / span >< span >< >< / span >< span >< >< / span >< span >< >< / span >< span >< >< / span >< span >< >< / span >< span >< >< / span >< span >< >< / span >< span >< >< / span >< span >< >< / span >< span >< >< / span >< span >< >< / span >< span >< >< / span >< span >< >< / span >< span >< >< / span >< span >< >< / span >< span >< >< / span /><...truncated...