|
POST
|
If you think your question is answered, you might mark the answer as correct.
... View more
05-22-2019
08:08 AM
|
0
|
0
|
1903
|
|
POST
|
Hi Orkhan Abdullayev, Esri's Personal Geodatabase format is - as you already noticed - based on the Microsoft Access (MDB) database format. And MDB files tend to grow quickly as you use them, sometimes impeding performance. You might try a Compact and repair to see if you can shrink the MDB. But in general a File Geodatabase, Esri's proprietary database format, will be more efficient and hence smaller in size. Here you will find a nice comparison between the Personal and the File Geodatabase (and even the good old shapefile): What is a Geodatabase? Personal vs File Geodatabase - GIS Geography My advice would be to forget about the Personal GDB and stick with the File GDB... HTH, Egge-Jan
... View more
05-22-2019
07:52 AM
|
1
|
2
|
1903
|
|
BLOG
|
WMTSLayer In deze oefening gaan we de officiële BRT Achtergrondkaart van PDOK aan onze basiskaartgalerij toevoegen. PDOK (Publieke Dienstverlening Op de Kaart ) is een platform voor het ontsluiten van geodatasets van Nederlandse overheden. De BRT Achtergrondkaart wordt onder andere via een OGC Web Map Tile Service (WMTS) aangeboden. Een dergelijke service kan als WMTSLayer toegevoegd worden aan de web map. Zie de code hieronder om te zien hoe we de basiskaartgalerij die we in deze oefening gemaakt hebben uitbreiden met de PDOK laag. Klik hier om het eindresultaat in actie te zien. <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Aan de slag met ArcGIS JavaScript - WMTS laag toevoegen</title>
<style>
html, body, #viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<link rel="stylesheet" href="https://js.arcgis.com/4.11/esri/css/main.css">
<script src="https://js.arcgis.com/4.11/"></script>
<script>
require([
"esri/Map",
"esri/geometry/Point",
"esri/views/MapView",
"esri/layers/WMTSLayer",
"esri/Basemap",
"esri/widgets/BasemapGallery",
"esri/widgets/BasemapGallery/support/LocalBasemapsSource"
], function(Map, Point, MapView, WMTSLayer, Basemap, BasemapGallery, LocalBasemapsSource) {
// BRT Achtergrondkaart van PDOK als achtergrondkaart
var 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: "https://www.pdok.nl/o/iv-pdok-theme/images/pdok/map.jpg"
});
var map = new Map({
basemap: brtachtergrondkaart
});
var rdOrigin = new Point({
x: 155000,
y: 463000,
spatialReference: 28992
});
var view = new MapView({
spatialReference: 28992,
container: "viewDiv",
map: map,
center: rdOrigin,
scale: 1500000
});
// Basiskaarten Esr Nederland
var lightGrayCanvas_RD_EsriNL = new Basemap({portalItem: {id: "9ff6521e85d24df1aa9cd4aebfef748b"}}); //Lichtgrijze Canvas RD
var darkGrayCanvas_RD_EsriNL = new Basemap({portalItem: {id: "62a3befb579e4d9f9c5c51576c8a7c25"}}); //Donkergrijze Canvas RD
var topo_RD_EsriNL = new Basemap({portalItem: {id: "7aea6fa913a94176a1074edb40690318"}}); //Topo RD
var open_Topo_RD_EsriNL = new Basemap({portalItem: {id: "0698b71eb7cf47898086d072e574ac32"}}); //Open Topo RD
var stratenkaart_RD_EsriNL = new Basemap({portalItem: {id: "9fe1a753955f418fa1cbaf1c47610a47"}}); //Stratenkaart RD
var luchtfoto_RD_EsriNL = new Basemap({portalItem: {id: "38e1a1c6ee2c421290622400d22ecf57"}}); //Luchtfoto RD
var dutchBasemaps = new LocalBasemapsSource({
basemaps : [brtachtergrondkaart, topo_RD_EsriNL, open_Topo_RD_EsriNL, stratenkaart_RD_EsriNL, luchtfoto_RD_EsriNL, lightGrayCanvas_RD_EsriNL, darkGrayCanvas_RD_EsriNL]
});
var basemapGallery = new BasemapGallery({
view: view,
source: dutchBasemaps
});
view.ui.add([basemapGallery], "top-right");
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
... View more
05-22-2019
04:46 AM
|
1
|
0
|
728
|
|
POST
|
Hi leon oestergaard, Did you have a look at this one? ArcObjects Help for .NET developers (ArcObjects .NET 10.7 SDK) HTH, Egge-Jan
... View more
05-22-2019
04:13 AM
|
1
|
2
|
1735
|
|
POST
|
Hi Sarah Sienaert, I would say: you use ArcGIS Pro to prepare and publish your data and you use ArcGIS Online to author the actual web map. Did you already have a look at these links below? Web maps—ArcGIS Online Help | ArcGIS Get started with maps—ArcGIS Online Help | ArcGIS Advanced exercise (challenge): After creating your web map you may want to login to ArcGIS Online Assistant to have a look at a JSON representation of the map. This comes in handy if you want to modify the map. HTH, Egge-Jan
... View more
05-22-2019
01:43 AM
|
0
|
1
|
1417
|
|
BLOG
|
CSVLayer In deze oefening gaan we puntobjecten uit een CSV bestand als laag aan onze web map toevoegen. Hiervoor gebruiken we een klein bestandje met informatie over vliegvelden in Nederland (zie hieronder). In dit voorbeeld wordt ook getoond hoe een CSVLayer geherprojecteerd wordt naar een ander ruimtelijk referentiesysteem. De coördinaten in het invoerbestand zijn in WGS84, terwijl onze basiskaart (zie deze oefening) in het Nederlandse projectiesysteem (RD_New) is. Maar let op: voor deze herprojectie hoef je niets extra te doen, omdat dit automatisch intern wordt afgehandeld door de projection engine aan de kant van de client. Het gebruikte CSV bestand (NL_Vliegvelden.csv) staat hier en de inhoud wordt hieronder getoond: Vliegveld IATA Noorderbreedte Oosterlengte Amsterdam Airport Schiphol AMS 52.308333 4.760833 Rotterdam The Hague Airport RTM 51.95 4.433333 Groningen Airport Eelde GRQ 53.125 6.583333 Eindhoven Airport EIN 51.450278 5.374444 Maastricht Aachen Airport MST 50.915833 5.776944 Als symbool voor onze luchthavens gebruiken we deze afbeelding: Let op: om toegang te krijgen tot zowel het CSV bestand als de PNG afbeelding, moet je er voor zorgen dat deze files op hetzelfde domein staan als de website (of ze moeten op een server staan die CORS ondersteund of er moet een proxy ingericht worden...) De broncode staat hieronder. Klik hier om de applicatie in actie te zien. <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Aan de slag met ArcGIS JavaScript - CSV bestand toevoegen</title>
<style>
html, body, #viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<link rel="stylesheet" href="https://js.arcgis.com/4.11/esri/css/main.css">
<script src="https://js.arcgis.com/4.11/"></script>
<script>
require([
"esri/Map",
"esri/geometry/Point",
"esri/views/MapView",
"esri/layers/CSVLayer",
"esri/widgets/LayerList"
], function(Map, Point, MapView, CSVLayer, LayerList) {
var map = new Map({
basemap: {
portalItem: {
id: "7aea6fa913a94176a1074edb40690318" // 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
});
var symbol = {
type: "picture-marker", // autocasts as new PictureMarkerSymbol()
url: "airplane.png", // To avoid CORS issues with this symbol, do one of the following: 1) Make certain that the image is hosted on a CORS enabled server;
// 2) Use an image hosted on the same domain as the application; 3) Install a proxy.
width: "54px",
height: "54px"
};
var renderer = {
type: "simple",
symbol: symbol
};
var popupTemplate = { // autocasts as new PopupTemplate()
title: "{Vliegveld}",
content: "{*}"
};
var csvLayer = new CSVLayer({
url: "NL_Vliegvelden.csv", // If CSV files are not on the same domain as your website, a CORS enabled server or a proxy is required.
title: "Vliegvelden in Nederland",
longitudeField: "Oosterlengte",
latitudeField: "Noorderbreedte",
renderer: renderer,
popupTemplate: popupTemplate
});
map.add(csvLayer)
var layerList = new LayerList({
view: view,
});
view.ui.add([layerList], "top-right");
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
... View more
05-20-2019
08:17 AM
|
0
|
0
|
544
|
|
POST
|
Hi Lars Fagerbakke, I think your query should be ../Mapserver/5/query?f=pjson&where=PROJECTNUMBER='ABC123' i.e. Field name unquoted and value single quoted I tested this with this URL: https://mapservices.prorail.nl/arcgis/rest/services/Gebiedsindelingen_ProRail_005/MapServer/14/query?where=PGO_GEBIED_NAAM+%3D+%27Betuwe%27&outFields=*&returnGeometry=true&f=json Does this solve your issue? BR, Egge-Jan
... View more
05-20-2019
05:50 AM
|
1
|
0
|
1589
|
|
POST
|
Hi Srirama Bhamidipati, You may want to use Python to convert the string in ArcGIS to a datetime object. Does this Stack Overflow discussion python - Converting string into datetime - Stack Overflow answer your question? datetime.strptime is the main routine for parsing strings into datetimes. It can handle all sorts of formats, with the format determined by a format string you give it HTH, Egge-Jan
... View more
05-16-2019
05:09 AM
|
0
|
1
|
1782
|
|
BLOG
|
Hoi Serge, De kaart die ik in de blog hierboven maak (en die ik in deze oefening wat verder uitwerk) is gebaseerd op het feit dat de Nederlandse reseller van Esri (Esri Nederland) allerlei kaarten en data aanbiedt in het Nederlandse projectiesysteem: het RD-stelsel met de code 28992. (RD staat voor het stelsel van de Rijksdriehoeksmeting; dit is aan het begin van de 19e eeuw opgezet door soldaten van Napoleon, tijdens de Franse bezetting.) Het Belgische nationale systeem, Lambert 1972, heeft als code inderdaad 31370. Maar ik weet niet of Esri Belux, net als in Nederland, allerlei materiaal in deze projectie aanbiedt. Als ik jouw was zou ik dus bij het standaard kaartmateriaal van Esri Wereldwijd blijven. Deze kaarten zijn in in de Web Mercator projectie (Spatial Reference: 102100 (3857)). Hier overheen kun je dan het materiaal van informatievlaanderen projecteren, zoals de WMS met het Grootschalig Referentiebestand (GRB) die je al gebruikt hebt. Tip: bouw een Home widget in, zodat men, als men in de kaart te ver van Vlaanderen afdrijft, met één druk op de knop weer naar 'huis' kan gaan. Ik hoop dat je hier wat mee kan. Groet, Egge-Jan
... View more
05-16-2019
04:48 AM
|
0
|
0
|
669
|
|
POST
|
Hi Serge De Backer, I slightly modified your code to add a default base layer from Esri ("streets" in this case) and add your WMS as a layer on top of it and now Flanders looks much better, not tilted anymore - see screen capture of Stabroek below. So, it might be some projection issue? HTH, Egge-Jan map = new Map({
basemap: "streets",
layers: [layer]
});
... View more
05-16-2019
01:40 AM
|
2
|
0
|
1615
|
|
POST
|
Hi Brendan Farr, It looks like Esri is recommending, in this blog, to Back-up data in ArcGIS Online to your local machine from time to time, as a preventative measure. Better be safe than sorry 🙂 Egge-Jan
... View more
05-16-2019
12:57 AM
|
1
|
0
|
617
|
|
BLOG
|
https://community.esri.com/people/EPolle_TensingInternational/blog/2019/06/02/aan-de-slag-met-arcgis-javascript-inleiding BasemapGallery Tot nu toe heeft onze applicatie (zie deze oefening) slechts één basiskaart. Hier willen wij de mogelijkheid toevoegen om van basiskaart te wisselen, en zo bijvoorbeeld ook een luchtfoto als ondergrond te gebruiken. Het toevoegen van een basiskaartgalerij gaan we doen met een BasemapGallery widget. Als je deze widget zonder verdere argumenten in een web app toevoegt, dan bevat deze vanzelf al een aantal basiskaarten. Maar helaas, helaas, al deze standaardbasiskaarten zijn in de Web Mercator projectie (Spatial Reference: 102100 (3857)), en dat werkt niet voor onze kaart, want die is in de Nederlandse projectie (Spatial Reference: 28992). Alle kaarten in de galerij moeten in dezelfde projectie zijn. Om onze basiskaartgalerij te vullen met kaarten in de juiste projectie, moeten we eerst een aantal kaarten als Basemap definiëren, en deze vervolgens aan een lokale bron, een LocalBasemapsSource, toevoegen. Dit zijn de 6 basiskaarten van Esri Nederland die we in deze oefening in onze basiskaartgalerij gaan stoppen - maar je kunt deze lijst natuurlijk zelf aanpassen met andere basiskaarten. In het script worden de kaarten aangeroepen via hun unieke id: Topo RD Open Topo - die mooie, van Jan-Willem van Aalst Stratenkaart RD Luchtfoto (RD) Lichtgrijze Canvas RD Donkergrijze Canvas RD De broncode staat hieronder. Klik hier om de applicatie in actie te zien. Oh ja, onze basiskaartgalerij neemt nu wel veel ruimte in beslag op het scherm. In een volgende oefening zullen we zien hoe we een widget dicht kunnen klappen en onder een knop kunnen verbergen. Vervolgoefeningen: https://community.esri.com/people/EPolle_TensingInternational/blog/2019/05/22/aan-de-slag-met-arcgis-javascript-wmts-laag-toevoegen https://community.esri.com/people/EPolle_TensingInternational/blog/2019/05/22/aan-de-slag-met-arcgis-javascript-widgets-inklappen <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Aan de slag met ArcGIS JavaScript - Nederlandse basiskaartgalerij</title>
<style>
html, body, #viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<link rel="stylesheet" href="https://js.arcgis.com/4.11/esri/css/main.css">
<script src="https://js.arcgis.com/4.11/"></script>
<script>
require([
"esri/Map",
"esri/geometry/Point",
"esri/views/MapView",
"esri/Basemap",
"esri/widgets/BasemapGallery",
"esri/widgets/BasemapGallery/support/LocalBasemapsSource"
], function(Map, Point, MapView, Basemap, BasemapGallery, LocalBasemapsSource) {
var map = new Map({
basemap: {
portalItem: {
id: "7aea6fa913a94176a1074edb40690318" // 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
});
// Basiskaarten Esr Nederland
var lightGrayCanvas_RD_EsriNL = new Basemap({portalItem: {id: "9ff6521e85d24df1aa9cd4aebfef748b"}}); //Lichtgrijze Canvas RD
var darkGrayCanvas_RD_EsriNL = new Basemap({portalItem: {id: "62a3befb579e4d9f9c5c51576c8a7c25"}}); //Donkergrijze Canvas RD
var topo_RD_EsriNL = new Basemap({portalItem: {id: "7aea6fa913a94176a1074edb40690318"}}); //Topo RD
var open_Topo_RD_EsriNL = new Basemap({portalItem: {id: "0698b71eb7cf47898086d072e574ac32"}}); //Open Topo RD
var stratenkaart_RD_EsriNL = new Basemap({portalItem: {id: "9fe1a753955f418fa1cbaf1c47610a47"}}); //Stratenkaart RD
var luchtfoto_RD_EsriNL = new Basemap({portalItem: {id: "38e1a1c6ee2c421290622400d22ecf57"}}); //Luchtfoto RD
var esriNLBasemaps = new LocalBasemapsSource({
basemaps : [topo_RD_EsriNL, open_Topo_RD_EsriNL, stratenkaart_RD_EsriNL, luchtfoto_RD_EsriNL, lightGrayCanvas_RD_EsriNL, darkGrayCanvas_RD_EsriNL]
});
var basemapGallery = new BasemapGallery({
view: view,
source: esriNLBasemaps
});
view.ui.add([basemapGallery], "top-right");
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
... View more
05-13-2019
01:18 PM
|
0
|
1
|
1021
|
|
BLOG
|
https://community.esri.com/people/EPolle_TensingInternational/blog/2019/06/02/aan-de-slag-met-arcgis-javascript-inleiding Search Widget In deze oefening voegen we een zoekbalk toe aan de Nederlandse basiskaart die we eerder gemaakt hebben. Hiervoor voegen we een Search widget toe aan onze applicatie. Maar let op: in onze app zit alleen een kaart van Nederland terwijl de zoekbalk standaard gebruik maakt van de Esri World Geocoding Service. Om alleen Nederlandse adressen te kunnen zoeken en vinden: zetten we de standaard zoekbron uit (includeDefaultSources: false) voegen we een nieuwe Locator toe: De BAG Geocoder, een Locator van Esri Nederland, gebaseerd op de officiële Nederlandse BAG (url: https://services.arcgisonline.nl/arcgis/rest/services/Geocoder_BAG_RD/GeocodeServer) De broncode staat hieronder. Klik hier om de applicatie in actie te zien. Vervolgoefening: https://community.esri.com/people/EPolle_TensingInternational/blog/2019/05/22/aan-de-slag-met-arcgis-javascript-widgets-inklappen <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Aan de slag met ArcGIS JavaScript - Adres zoeken</title>
<style>
html, body, #viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<link rel="stylesheet" href="https://js.arcgis.com/4.11/esri/css/main.css">
<script src="https://js.arcgis.com/4.11/"></script>
<script>
require([
"esri/Map",
"esri/geometry/Point",
"esri/views/MapView",
"esri/widgets/Search",
"esri/tasks/Locator"
], function(Map, Point, MapView, Search, Locator) {
var map = new Map({
basemap: {
portalItem: {
id: "7aea6fa913a94176a1074edb40690318" // 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
});
var searchWidget = new Search({
view: view,
includeDefaultSources: false
});
searchWidget.sources = [{
locator: new Locator({ url: "https://services.arcgisonline.nl/arcgis/rest/services/Geocoder_BAG_RD/GeocodeServer"}), // GeocodeServer van Esri Nederland
singleLineFieldName: "SingleLine", // Deze optie zorgt er voor dat je kunt zoeken op postcode/huisnummer combinatie, bijvoorbeeld: 4181 AE 38
placeholder: searchWidget.allPlaceholder // "Find address or place" voor de English locale, "Adres of plaats zoeken" voor de Nederlandse locale
}]
view.ui.add([searchWidget], "top-right");
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
... View more
05-13-2019
08:33 AM
|
0
|
2
|
1088
|
|
BLOG
|
pointer-move event In een eerdere oefening hebben we een web applicatie gemaakt met een Nederlandse basiskaart. geprojecteerd in het Nederlandse coördinaatsysteem, het RD-stelsel. Het doel van de oefening hier is om de muisbeweging te volgen en de coördinaten van de cursorlocatie op het scherm te tonen. Dit doen we door een pointer-move event handler in te stellen op de MapView en de X- en Y-coördinaten die we terugkrijgen uit te lezen. dojo/dom In deze applicatie maken we gebruik van de dojo/dom module uit de Dojo Toolkit, die onder water door de ArcGIS API for JavaScript gebruikt wordt. Dit stelt ons in staat om DOM-elementen aan de hand van hun ID ("byId") te benaderen om de X- en Y-waarden te actualiseren. In eerste instantie vullen we de X- en Y-coördinaten met de waarden van het center van de kaart, omdat er dan immers per definitie nog geen muisbeweging heeft plaatsgevonden. De volleidge broncode van de web applicatie staat hieronder. Deze kun je naar een text editor kopiëren (bijvoorbeeld Notepad++) om er vervolgens zelf mee te experimenteren. Let op: Het Nederlandse RD-stelsel is alleen geldig voor het Nederlandse grondgebied. De basiskaart die we gebruiken laat echter ook delen van omringende landen zien. Om geen incorrecte RD-coördinaten te laten zien, lezen we de X en de Y alleen uit als de X tussen de 10 en 290 kilometer ligt èn de Y tussen de 300 en 620 kilometer. Zo niet, dan tonen we de waarde "Niet van toepassing". Klik hier om de applicatie in actie te zien. Broncode <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Aan de slag met ArcGIS JavaScript - Toon cursorlocatie</title>
<style>
html, body, #viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
#coordinates {
padding: 15px;
background: white;
color: black;
border: black;
font-family: sans-serif;
font-size: 1.2em;
}
</style>
<link rel="stylesheet" href="https://js.arcgis.com/4.11/esri/css/main.css">
<script src="https://js.arcgis.com/4.11/"></script>
<script>
require([
"esri/Map",
"esri/geometry/Point",
"esri/views/MapView",
"dojo/dom",
"dojo/domReady!"
], function(Map, Point, MapView, dom) {
var map = new Map({
basemap: {
portalItem: {
id: "7aea6fa913a94176a1074edb40690318" // Basiskaart van 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
});
// Voeg de div met de coördinaten toe aan het kaartscherm
view.ui.add("coordinates", "bottom-left");
// Vul in eerste instantie de coördinaten van het center van de kaart in, afgerond op millimeters
// en opgemaakt met scheidingstekens voor decimalen en duizendtallen
dom.byId("rdxcoord").innerHTML = "X = " + view.center.x.toLocaleString(undefined, {minimumFractionDigits: 3, maximumFractionDigits: 3}) + " m";
dom.byId("rdycoord").innerHTML = "Y = " + view.center.y.toLocaleString(undefined, {minimumFractionDigits: 3, maximumFractionDigits: 3}) + " m";
function showCoordinates(evt) {
var point = view.toMap({x: evt.x, y: evt.y});
// Toon de RD-coördinaten als dat relevant is
// Het Nederlandse RD-stelsel is alleen geldig voor het Nederlandse grondgebied, dus als de cursor te ver buiten Nederland komt,
// dan zijn RD-coördinaten "Niet van toepassing". Daarbij gelden de volgende grenswaarden voor de X- en de Y-coördinaten:
if ( point.x < 10000 || point.x > 290000 || point.y < 300000 || point.y > 620000) {
dom.byId("rdxcoord").innerHTML = "X = Niet van toepassing";
dom.byId("rdycoord").innerHTML = "Y = Niet van toepassing";
} else {
dom.byId("rdxcoord").innerHTML = "X = " + point.x.toLocaleString(undefined, {minimumFractionDigits: 3, maximumFractionDigits: 3}) + " m";
dom.byId("rdycoord").innerHTML = "Y = " + point.y.toLocaleString(undefined, {minimumFractionDigits: 3, maximumFractionDigits: 3}) + " m";
}
}
view.when(function(){
// Luister - nadat de kaart geladen is - naar muisbewegingen om de coördinaten af te vangen
view.on("pointer-move", showCoordinates);
});
});
</script>
</head>
<body>
<div id="viewDiv"></div>
<div id="coordinates">
<span id="coordtitle">Cursorlocaie (in RD):</span><br>
<span id="rdxcoord"></span><br>
<span id="rdycoord"></span>
</div>
</body>
</html>
... View more
05-12-2019
08:10 AM
|
0
|
0
|
477
|
|
BLOG
|
target="_self">ArcGIS API for JavaScript Nederlandse data en kaartmateriaal Map en MapView Nieuw Point aanmaken met een aangepast referentiesysteem Eindresultaat - HTML bestand ArcGIS API for JavaScript In deze serie oefeningen gaan we - stapje voor stapje - een interactieve web applicatie bouwen met de ArcGIS API for JavaScript van Esri. De focus in deze cursus ligt op Nederland. We maken hierbij gebruik van data van Esri Nederland die via ArcGIS Online aangeboden worden. Natuurlijk biedt Esri zelf ook uitgebreide documentatie, met voorbeelden en oefeningen, dus kijk daar zeker ook naar. Het doel van deze eerste oefening is het maken van een simpele web applicatie met een Nederlandse basiskaart. Deze applicatie zal in volgende oefeningen gebruikt worden om extra functionaliteit toe te voegen. Nederlandse data en kaartmateriaal Deze oefening is gebaseerd op Create a starter app, maar we zullen hier niet inzoomen op een plaats in Amerika, maar op Nederland. En bovendien zullen we alleen Nederlandse data en kaartmateriaal gebruiken, dat wil zeggen data geprojecteerd in het Nederlandse coördinaatsysteem, het stelsel van de Rijksdriehoeksmeting (RD_New, zoals Esri het noemt). Het Nederlandse RD-stelsel heeft als code 28992 gekregen. In ons script wordt dat aangegeven met spatialReference: 28992 Map en MapView De code van de web pagina staat hieronder. Deze kun je naar een text editor kopiëren (bijvoorbeeld Notepad++) en er dan zelf mee experimenteren. Als basemap in de Map gebruiken we de Topo RD basiskaart (id: 7aea6fa913a94176a1074edb40690318). Dit is een Web Map van Esri Nederland met als spatialReference: 28992 Ook bij de MapView geven we dit coördinaatsysteem op. Nieuw Point aanmaken met een aangepast referentiesysteem Als coördinaten van het centrum van onze MapView willen we graag de X en de Y van de oorsprong van het RD-stelsel gebruiken, namelijk X = 155000 en Y = 463000 (zie afbeelding hierboven). Omdat het center een Point is met als default referentiesysteem WGS84 (wkid: 4326) kunnen we echter niet zomaar coördinaten in een ander systeem opgeven. In de code hieronder zie je hoe we dit hebben opgelost: we maken eerst een nieuw Point aan (een variabele met de nam rdOrigin), met de door ons gewenste coördinaten in het Nederlandse coördinaatsysteem. En vervolgens geven we deze variabele op als center van de MapView. Klik hier om de applicatie in actie te zien. Het resultaat is misschien nog niet zeer spectaculair, maar het is wel de basis waar we in volgende oefeningen op voort zullen borduren. Eindresultaat - HTML bestand <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Aan de slag met ArcGIS JavaScript - Nederlandse basiskaart</title>
<style>
html, body, #viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<link rel="stylesheet" href="https://js.arcgis.com/4.11/esri/css/main.css">
<script src="https://js.arcgis.com/4.11/"></script>
<script>
require([
"esri/Map",
"esri/geometry/Point",
"esri/views/MapView"
], function(Map, Point, MapView) {
var map = new Map({
basemap: {
portalItem: {
id: "7aea6fa913a94176a1074edb40690318" // 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
});
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
... View more
05-11-2019
02:29 PM
|
0
|
3
|
1327
|
| Title | Kudos | Posted |
|---|---|---|
| 1 | 03-30-2020 09:03 AM | |
| 2 | 12-12-2024 03:56 AM | |
| 2 | 04-15-2024 03:25 AM | |
| 2 | 03-25-2024 02:06 PM | |
| 1 | 01-17-2024 10:19 AM |
| Online Status |
Offline
|
| Date Last Visited |
11-19-2025
02:25 AM
|