OpenLayers voorbeelden: kaartpositie vasthouden

Toepassingen
1

Goedemiddag,

Momenteel ben ik mij aan het verdiepen in OpenLayers. En ik wil de eerste resultaten graag laten zien… :slight_smile:

https://twiav.nl/nl/openlayers/ol-retain-mapstate-nl-basemaps

In dit voorbeeld - je moet simpel beginnen - worden 5 PDOK kaartlagen - in een lagenlijst getoond. Als je door de kaart zoomt en pant, dan wordt de URL geüpdatet. En ook de keuze voor de basiskaart wordt onthouden.

Dus met deze link zoom je meteen naar Enschede, op die mooie scherpe HR luchtfoto van begin dit jaar:
https://twiav.nl/nl/openlayers/ol-retain-mapstate-nl-basemaps/#map=10/257398/471699/0

En dit is de Uithof in Utrecht:
https://twiav.nl/nl/openlayers/ol-retain-mapstate-nl-basemaps/#map=11/140355/455363/5

Broncode staat op GitHub (en is vrij te gebruiken):

Commentaar, testresultaten en verbetersuggesties zijn welkom.

Goed weekend,

Egge-Jan

1 like
2

Het voorbeeld is nog een beetje uitgebreid:

  • Het aantal zoomlevels is uitgebreid naar 19 om verder in te kunnen zoomen op de luchtfoto’s

  • De PDOK achtergrondkaarten zijn beschikbaar tot zoomniveau 14 en worden daarna uitgegrijsd in de layer switcher

  • De zoom in en zoom uit buttons worden uitgegrijsd als je niet verder kan in- of uitzoomen

Dus nu kun je helemaal inzoomen op dat gele kunstwerk langs de Hengelosestraat in Enschede, het logo voor het ITC-gebouw: TWIAV | OpenLayers examples - retain map state

Groet,

Egge-Jan