Let op: u ziet alleen een deel van de provincie Flevoland en omstreken. Daarbuiten is de demoviewer niet beschikbaar.
Error: De kaartviewer kan niet getoond worden.

 

Examples: Map Services

Please note: After clicking on the links below, please replace the given servicekey with the servicekey of your organization. Also note: Some of the Map Services require attribution, please refer to our licenses page for more information.

Postcodes map (WMTS)

Aerial photograph (WMTS)

Streets World (WMTS)

Display map data in OpenLayers3 (more info):

Download example View example

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.19.1/ol.css" type="text/css">
    <link rel="stylesheet" href="https://cdn.rawgit.com/walkermatt/ol3-layerswitcher/32fc2049373c9d83b9a9f2b42ca24844d4b88c04/src/ol3-layerswitcher.css" type="text/css">
    <title>Geodan Maps samples</title>

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cstyle%3E%0A%20%20%20%20%20%20html%2C%20body%20%7B%0A%20%20%20%20%20%20%20%20height%3A%20100%25%3B%0A%20%20%20%20%20%20%20%20padding%3A%200%3B%0A%20%20%20%20%20%20%20%20margin%3A%200%3B%0A%20%20%20%20%20%20%20%20font-family%3A%20sans-serif%3B%0A%20%20%20%20%20%20%20%20font-size%3A%20small%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%23map%20%7B%0A%20%20%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%20%20%20%20height%3A%20100%25%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;style&gt;" title="&lt;style&gt;" />

  </head>
  <body>


<div id="map" class="map"></div>


    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%3D%22https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fproj4js%2F2.3.15%2Fproj4.js%22%20type%3D%22text%2Fjavascript%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%3D%22https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fol3%2F3.19.1%2Fol.js%22%20type%3D%22text%2Fjavascript%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%3D%22https%3A%2F%2Fcdn.rawgit.com%2Fwalkermatt%2Fol3-layerswitcher%2F9031aac387169eb9987d551abe4c019f2400ffe6%2Fsrc%2Fol3-layerswitcher.js%22%20type%3D%22text%2Fjavascript%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%0A%20%20%20%20%20%20'use%20strict'%3B%0A%0A%20%20%20%20%20%20var%20GEODAN_MAPS_SERVICE_KEY%20%3D%20'bb5cd4d3-b180-11e6-84a1-005056805b87'%2C%0A%20%20%20%20%20%20%20%20%20%20GEODAN_MAPS_NLD_BASE_URL%20%3D%20'https%3A%2F%2Fservices.geodan.nl%2Fdata%2Fgeodan%2Fgws%2Fnld'%3B%0A%0A%20%20%20%20%20%20var%20GEODAN_MAPS_LAYERS%20%3D%20%7B%0A%20%20%20%20%20%20%20%20BASE%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20'Topographical%20grey'%3A%20%20%20'%2Ftopo%2Ftms%2F1.0.0%2Ftopogrey%2FEPSG%253A28992%2F%7Bz%7D%2F%7Bx%7D%2F%7B-y%7D.png'%2C%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20OVERLAYS%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20'Administrative%20areas'%3A%20'%2Fadministrative%2Ftms%2F1.0.0%2Fadministrativeareas%2FEPSG%253A28992%2F%7Bz%7D%2F%7Bx%7D%2F%7B-y%7D.png'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20'Addresses%20buildings'%3A%20%20'%2Faddresses%2Ftms%2F1.0.0%2Faddressesbuildings%2FEPSG%253A28992%2F%7Bz%7D%2F%7Bx%7D%2F%7B-y%7D.png'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20'Trees'%3A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20'%2Flanduse%2Ftms%2F1.0.0%2Ftrees%2FEPSG%253A28992%2F%7Bz%7D%2F%7Bx%7D%2F%7B-y%7D.png'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20'Postcode%20areas'%3A%20%20%20%20%20%20%20'%2Fpostcodes%2Ftms%2F1.0.0%2Fpostcodeareas%2FEPSG%253A28992%2F%7Bz%7D%2F%7Bx%7D%2F%7B-y%7D.png'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20'Statistical%20areas'%3A%20%20%20%20'%2Fstatistical%2Ftms%2F1.0.0%2Fstatisticalareas%2FEPSG%253A28992%2F%7Bz%7D%2F%7Bx%7D%2F%7B-y%7D.png'%2C%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%3B%0A%0A%20%20%20%20%20%20proj4.defs('EPSG%3A28992'%2C%20'%2Bproj%3Dsterea%20%2Blat_0%3D52.15616055555555%20%2Blon_0%3D5.38763888888889%20%2Bk%3D0.9999079%20%2Bx_0%3D155000%20%2By_0%3D463000%20%2Bellps%3Dbessel%20%2Btowgs84%3D565.417%2C50.3319%2C465.552%2C-0.398957%2C0.343988%2C-1.8774%2C4.0725%20%2Bunits%3Dm%20%2Bno_defs')%3B%0A%0A%20%20%20%20%20%20var%20EPSG_28992%20%3D%20new%20ol.proj.Projection(%7B%0A%20%20%20%20%20%20%20%20%20%20code%3A%20'EPSG%3A28992'%2C%0A%20%20%20%20%20%20%20%20%20%20extent%3A%20%5B-285401.92%2C%2022598.08%2C%20595401.9199999999%2C%20903401.9199999999%5D%2C%0A%20%20%20%20%20%20%20%20%20%20units%3A%20'm'%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20ol.proj.addProjection(EPSG_28992)%3B%0A%0A%20%20%20%20%20%20var%20map%20%3D%20new%20ol.Map(%7B%0A%20%20%20%20%20%20%20%20%20%20target%3A%20'map'%2C%0A%20%20%20%20%20%20%20%20%20%20view%3A%20new%20ol.View(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20projection%3A%20EPSG_28992%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20center%3A%20ol.proj.fromLonLat(%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5B5.115556%2C%2052.088889%5D%2C%20%2F%2F%20Utrecht%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20EPSG_28992%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20zoom%3A%208%2C%0A%20%20%20%20%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%20%20%20%20%20%20controls%3A%20ol.control.defaults().extend(%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20new%20ol.control.LayerSwitcher()%2C%0A%20%20%20%20%20%20%20%20%20%20%5D)%2C%0A%20%20%20%20%20%20%20%20%20%20layers%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20new%20ol.layer.Group(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20'Background%20layer'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20layers%3A%20Object.keys(GEODAN_MAPS_LAYERS.BASE).map(function(key)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20new%20ol.layer.Tile(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20key%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source%3A%20new%20ol.source.XYZ(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20projection%3A%20EPSG_28992%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20url%3A%20GEODAN_MAPS_NLD_BASE_URL%20%2B%20GEODAN_MAPS_LAYERS.BASE%5Bkey%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2B%20'%3Fat%3Ds2%26servicekey%3D'%20%2B%20GEODAN_MAPS_SERVICE_KEY%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20type%3A%20'base'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible%3A%20true%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20new%20ol.layer.Group(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20'Overlays'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20layers%3A%20Object.keys(GEODAN_MAPS_LAYERS.OVERLAYS).map(function(key)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20new%20ol.layer.Tile(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3A%20key%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20source%3A%20new%20ol.source.XYZ(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20projection%3A%20EPSG_28992%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20url%3A%20GEODAN_MAPS_NLD_BASE_URL%20%2B%20GEODAN_MAPS_LAYERS.OVERLAYS%5Bkey%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2B%20'%3Fat%3Ds2%26servicekey%3D'%20%2B%20GEODAN_MAPS_SERVICE_KEY%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible%3A%20false%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%2C%0A%20%20%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%20%20%20%20logo%3A%20false%2C%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />
  </body>
</html>