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

Comenzando con 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 octubre de 2019, Esri Nederland<\/STRONG> lanzó un nuevo servicio para buscar parcelas catastrales: el DKK Geocoder<\/A>. DKK significa Digitale Kadastrale Kaart.<\/P>
<\/P>
En este ejercicio usamos este nuevo Locator en
la ArcGIS API for JavaScript<\/A>, versión 4.13 (que también fue lanzada en octubre de 2019).<\/P>
<\/P>
Así que si usas la función de búsqueda en esta aplicación web de mapeo, no solo puedes buscar direcciones, sino también parcelas catastrales en los Países Bajos: <\/P>
Comenzando con ArcGIS JavaScript - DKK Geocoder<\/A> <\/P>
<\/P>
Más información sobre este nuevo servicio de Esri Nederland se puede encontrar en este 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> blanco;<\/SPAN>
width<\/SPAN>:<\/SPAN> 480px;<\/SPAN>
}<\/SPAN>
.dialogHeader<\/SPAN> {<\/SPAN>
color<\/SPAN>:<\/SPAN> blanco;<\/SPAN>
font-weight<\/SPAN>:<\/SPAN> más negrita;<\/SPAN>
width<\/SPAN>:<\/SPAN> auto;<\/SPAN>
background-color<\/SPAN>:<\/SPAN> #113395;<\/SPAN>
padding<\/SPAN>:<\/SPAN> 5px;<\/SPAN>
}<\/Span>
.esri-basemap-gallery__item-thumbnail<\/Span> {<\/Span>
width<\/Span>: auto;\n }<\/<script>
require([
"esri/Map",
"esri/widgets/Zoom",
"esri/widgets/Home",
"esri/widgets/Compass",
"esri/geometry/Point",
"esri/views/MapView",
"esri/layers/WMTSLayer",
"esri/widgets/Search",
"esri/tasks/Locator",
"esri/Basemap",
"esri/widgets/BasemapGallery",
"esri/widgets/BasemapGallery/support/LocalBasemapsSource",
"esri/widgets/Expand",
"esri/widgets/LayerList",
"esri/layers/MapImageLayer",
"dojo/domReady!"
], function(Map, Zoom, Home, Compass, Point, MapView, WMTSLayer, Search, Locator, Basemap, BasemapGallery, LocalBasemapsSource, Expand, LayerList, MapImageLayer) {

document.getElementById("aboutDiv").style.display = "block";

// BRT Achtergrondkaart van PDOK als achtergrondkaart
let brtachtergrondkaart = new Basemap({
baseLayers: [
new WMTSLayer({
url: "https://geodata.nationaalgeoregister.nl/tiles/service/wmts?request=GetCapabilities&service=WMTS",
copyright:
"<a target='_top' href='https://www.pdok.nl/introductie/-/article/basisregistratie-topografie-achtergrondkaarten-brt-a-'>BRT Achtergrondkaart</a> van <a target='_top' href='https://www.pdok.nl/'>PDOK</a>",
activeLayer: {
id: "brtachtergrondkaart"
}
})
],
title: "BRT Achtergrondkaart (PDOK)",
id: "brtachtergrondkaart_pdok",
thumbnailUrl: "images/map.jpg"
});

// Basiskaarten Esr Nederland
let lightGrayCanvas_RD_EsriNL = new Basemap({portalItem: {id: "9ff6521e85d24df1aa9cd4aebfef748b"}}); //Lichtgrijze Canvas RD
let darkGrayCanvas_RD_EsriNL = new Basemap({portalItem: {id: "62a3befb579e4d9f9c5c51576c8a7c25"}}); //Donkergrijze Canvas RD
let topo_RD_EsriNL = new Basemap({portalItem: {id: "7aea6fa913a94176a1074edb40690318"}}); //Topo RD
let open_Topo_RD_EsriNL = new Basemap({portalItem: {id: "0698b71eb7cf47898086d072e574ac32"}}); //Open Topo RD
let stratenkaart_RD_EsriNL = new Basemap({portalItem: {id: "9fe1a753955f418fa1cbaf1c47610a47"}}); //Stratenkaart RD
let luchtfoto_RD_EsriNL = new Basemap({portalItem: {id: "38e1a1c6ee2c421290622400d22ecf57"}}); //Luchtfoto RD

let dutchBasemaps = new LocalBasemapsSource({
basemaps : [brtachtergrondkaart, topo_RD_EsriNL, open_Topo_RD_EsriNL, stratenkaart_RD_EsriNL, luchtfoto_RD_EsriNL, lightGrayCanvas_RD_EsriNL, darkGrayCanvas_RD_EsriNL]
});

let map = new Map({
basemap: topo_RD_EsriNL
});

let parcels = new MapImageLayer({
url: "https://basisregistraties.arcgisonline.nl/arcgis/rest/services/DKK/DKK/MapServer",
title: "Digitale Kadastrale Kaart",
sublayers: [{
id: 5,
title: "Perceel",
popupTemplate: {
title: "Perceel {kadastraleaanduiding}",

content:[
{
type: "fields",
fieldInfos: [
{
fieldName: "kadastralegemeente",
label: "Kadastrale gemeente"
},
{
fieldName: "sectie",
label: "Sectie"
},
{
fieldName: "perceelnummer",
label: "Perceelnummer",
format: {
digitSeparator: false
}
},
{
fieldName: "oppervlak",
label: "Kadastrale oppervlakte (en m2)",
format: {
digitSeparator: true,
places: 0
}
}
]
}
]
}},
{
id: 0, title: "Perceelnummer"
}
]
});

mape.add(parcels);
llet view = new MapView({
satialReference : 28992,
ccontainer : 'viewDiv',
mmap : map,
ccenter : new Point({x : 155000 , y : 463000 , spatialReference : 28992}),
zzoom : 3
l});
vview.ui.components = [ 'attribution' ];
llet aboutDlg = document.getElementById('aboutDiv');
llet aboutExpand = new Expand({
xexpandIconClass : 'esri-icon-lightbulb',
xexpandTooltip : 'Sobre esta aplicación',
vview : view,
xexpanded : true ,
xcontent : aboutDlg ,
ggroup : 'top-left' });
llet searchWidget = new Search({
vview : view ,
aallPlaceholder : 'Dirección o parcela catastral',
iincludeDefaultSources : false });
ssearchWidget.sources = [{
locator : new Locator({ url : 'https://services.arcgisonline.nl/arcgis/rest/services/Geocoder_BAG_RD/GeocodeServer'}), // BAG GeocodeServer de Esri Nederland
ssingleLineFieldName : 'SingleLine', // Esta opción permite buscar por combinación de código postal/número de casa, por ejemplo: 4181 AE 38
name : 'Dirección en Nederland', placeholder : 'Buscar dirección' },{
locator : new Locator({ url : 'https://geocoder.arcgisonline.nl/arcgis/rest/services/Geocoder_DKK/GeocodeServer'}), // DKK GeocodeServer de Esri Nederland
ssingleLineFieldName : 'SingleLine', name : 'Parcelas catastrales en Nederland', placeholder : 'Buscar parcela catastral (por ejemplo RTD06 S 4403)' }]
ssearchWidgetExpand = new Expand({ xexpandIconClass : 'esri-icon-search', xexpandTooltip : searchWidget.label , vview : view , xcontent : searchWidget , ggroup : 'top-left' }); llet basemapGallery = new BasemapGallery({view:view, source:dutchBasemaps}); basemapGalleryExpand = new Expand({ expandIconClass:"esri-icon-basemap", \/\/ ver 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 se activa la acción de información, entonces abre la página de detalles del elemento de la capa de servicio.
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");

\/\/ Asegúrate de que el parcela clicado esté resaltado - código de ejemplo proporcionado por Robert Scheitlin, GISP en 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>Parcelas Catastrales en Nederland<\/<\/Span>div<\/Span>><\/<\/Span><\/Span>
<\/<\/Span>div<\/Span>><\/<\/Span><\/span>
<div id="viewDiv"></div>

<div class="dialogDiv" id="aboutDiv" style=display:none">
<div>Percelen Zoeken</div>

DKK Geocoder

En octubre de 2019, Esri Nederland lanzó un nuevo servicio para buscar parcelas catastrales: el DKK Geocoder.

Más información sobre DKK Geocoder se puede encontrar en este blog.

Probarlo

Aquí puedes probar este nuevo servicio de búsqueda:< class="punctuation token"><\/p><\/SPAN><\/SPAN>
<<\/</SPAN>p><\/SPAN><\/SPAN><<\/</SPAN>div class=<\/</SPAN>"esri-widget--button"<\/</SPAN>><\/SPAN><\/SPAN><<\/</SPAN>span title=<\/</SPAN>"Haga clic en el botón de búsqueda al lado y busque un lote, por ejemplo RTD06 S 4403."<\/</SPAN> class=<\/</SPAN>"esri-icon-search"<\/</SPAN>><\/span>

Esta aplicación ha sido creada por:
Tensing GIS Consultancy B.V..

‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍<<EMOJI_52}>

Encuentra más publicaciones etiquetadas con

Comentarios

There are no comments yet

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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