<\/A>https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/06\/02\/aan-de-slag-met-arcgis-javascript-inleiding<\/A><\/P><\/P>
<\/P>
In dieser Übung verwenden wir diesen neuen Locator in
Wenn Sie also die Suchfunktion in dieser Web-Mapping-Anwendung verwenden, können Sie nicht nur nach Adressen suchen, sondern auch nach Katasterparzellen in den Niederlanden: <\/P>
Weitere Informationen zu diesem neuen Dienst von Esri Nederland finden Sie in diesem Blog
<!DOCTYPE html><\u200c><<\u200c>html<\u200c>/span><\u200c>/span<<\u200c>head<\u200c>/span><\u200c>/span<<\u200c>meta<\u200c> span class= "attr-name token">charset="utf-8"><\u200c>/span<<\u200c>meta<\u200c> span class= "attr-name token">name="viewport"content="initial-scale=1, maximum-scale=1, user-scalable=no"><\u200c>/span<<\u200c>title<\u200c>/title>Loslegen mit ArcGIS JavaScript - DKK Geocoder<\u200c>/title<<\u200c>link<\u200c> span class= "attr-name token">rel="stylesheet"href="https://js.arcgis.com/4.13/esri/css/main.css";<\/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> weiß;<\/SPAN>width<\/SPAN>:<\/SPAN> 480px;<\/SPAN>}<\/SPAN>.dialogHeader<\/SPAN> {<\/SPAN>color<\/SPAN>:<\/SPAN> weiß;<\/SPAN>font-weight<\/SPAN>:<\/SPAN> fetter;<\/SPAN>width<\/PAN>:<\/<spanclass=\"propertytoken\"> auto;<\/<spanclass=\"propertytoken\"> background-color:<\/<spanclass=\"propertytoken\"> #113395;<\/<spanclass=\"propertytoken\"> padding:<\/<spanclass=\"propertytoken\"> 5px;<\/<spanclass=\"propertytoken\"> }<\/span> .esri-basemap-gallery__item-thumbnail{ width:<</span> auto; } </style> <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 Hintergrundkarte von PDOK als Hintergrundkarte let brtachtergrondkaart = new Basemap({ baseLayers: [ new WMTSLayer({ url: "https://geodata.nationaalgeoregister.nl/tiles/service/wmts?request=GetCapabilities&service=WMTS", copyright: "BRT Hintergrundkarte von PDOK", activeLayer: { id: "brtachtergrondkaart" } }) ], title: "BRT Hintergrundkarte (PDOK)", id: "brtachtergrondkaart_pdok", thumbnailUrl: "images/map.jpg" }); // Basis-Karten Esr Niederlande let lightGrayCanvas_RD_EsriNL = new Basemap({portalItem: {id: "9ff6521e85d24df1aa9cd4aebfef748b"}}); // Hellgraues Canvas RD let darkGrayCanvas_RD_EsriNL = new Basemap({portalItem: {id: "62a3befb579e4d9f9c5c51576c8a7c25"}}); // Dunkelgraues Canvas RD let topo_RD_EsriNL = new Basemap({portalItem: {id: "7aea6fa913a94176a1074edb40690318"}}); // Topo RD let open_Topo_RD_EsriNL = new Basemap({portalItem: {id: "0698b71eb7cf47898086d072e574ac32"}}); // Offenes Topo RD let stratenkaart_RD_EsriNL = new Basemap({portalItem: {id: "9fe1a753955f418fa1cbaf1c47610a47"}}); // Straßenkarte RD let luchtfoto_RD_EsriNL = new Basemap({portalItem: {id: "38e1a1c6ee2c421290622400d22ecf57"}}); // Luftfoto 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 Kadastralkarte", sublayers: [{ id: 5, title: "Parzelle", popupTemplate: { title: "Parzelle {kadastraleaanduiding}", content:[ { type: "fields", fieldInfos: [ { fieldName: "kadastralegemeente", label: "Kadastralgemeinde" }, { fieldName: "sectie", label: "Sektion" }, { fieldName: "perceelnummer", label: "Parzellennummer", format: { digitSeparator: false } }, { fieldName: "oppervlak", label: "Kadastrale Fläche (in m2)", format: { digitSeparator: true, places: 0 } } ] } ] }}, {id": 0, title": "Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Parzellennummer"'title": ". Perceelnummer"'title": ". Perceelnummer"'title": ". Perceelnummer"'title": ". Perceelnummer"'title": ". Perceelnummer"'title": ". Perceelnummer"'title": ". Perceelnummer"'title": ". Perceelnummer"'title": ". Perceelnummer"titel":"Parzellennummer"titel":"Parzellennummer"titel":"Parzellennummer"titel":"Parzellennummer"titel":"Parzellennummer"titel":"Parzellennummer"titel":"Parzellennummer"titel":"Parzellennummer"titel":"Parzellennummer"titel":"Parzellennummer"titel":"Parzellennummer"titel":"Parzellennummer"titel":"Parzellennummer"titel":"Parzellennummer"titel":"Parzellennummer"titel":"Parzellennummer"titel":"Parzellennummer"titel":"Parzellennummer"titel":"Parzellennummer" \/\/ siehe https:\/\/developers.arcgis.com\/javascript\/latest\/guide\/esri-icon-font\/ expandTooltip: basemapGallery.label, view: view, content: basemapGallery, group: "oben-links" }); 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") { \/\/ Wenn die Informationsaktion ausgelöst wird, dann öffne die Detailseite des Service-Layers. window.open(event.item.layer.url); } }); layerListExpand = new Expand({ expandIconClass: "esri-icon-layers", expandTooltip: layerList.label, view: view, content: layerList, group: "oben-links" }); 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], "oben-links"); \/\/ Sicherstellen, dass das angeklickte Grundstück hervorgehoben wird - Codebeispiel bereitgestellt von Robert Scheitlin, GISP auf GeoNet view.popup.watch('selectedFeature', function(gra){ if(gra){ view.graphics.removeAll(); let h = view.highlightOptions; gra.symbol = { type: "simple-fill", \/\/ wird als neues SimpleFillSymbol automatisch gecastet color: [h.color.r,h.color.g, h.color.b, h.fillOpacity], outline: { \/\/ wird als neues SimpleLineSymbol automatisch gecastet 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>Kadastrale Percelen in Nederland<\/<\/<span>div><\/<span><\/<span><\/div><\/<span><\/<span><div id=<\/<span>"viewDiv"<\/<span><\/<span>><\/<span><\/<span><\/div><\/<span><\/<span><div class =<\/<span>"dialogDiv"<\/<span> id =<\/<span>"aboutDiv"<\/<span><\/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>Klicken Sie auf die Suchschaltfläche nebenan und suchen Sie nach einem Grundstück, zum Beispiel RTD06 S 4403."<\/</SPAN><\/SPAN> class<\/SPAN>=<\/</SPAN>"<\/</SPAN>esri-icon-search"<\/</SPAN><\/SPAN>><\/</SPAN><\/SPAN><\/<\/span>
Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registrieren Sie ein kostenloses Konto.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
