{"id":834,"date":"2024-10-01T08:09:32","date_gmt":"2024-10-01T06:09:32","guid":{"rendered":"https:\/\/dinoland.local\/?page_id=834"},"modified":"2026-04-07T10:18:21","modified_gmt":"2026-04-07T08:18:21","slug":"lageplan","status":"publish","type":"page","link":"https:\/\/dinoland.nl\/de\/plattegrond\/","title":{"rendered":"Lageplan"},"content":{"rendered":"\n<section class=\"header relative overflow-hidden bg-black\">\n    <div class=\"absolute z-30 inset-0 bottom-20 md:bottom-40 w-full flex items-end justify-center will-change-transform\">\n        <div class=\"container-grid\">\n            <div class=\"col-start-2 col-span-10 text-center max-w-2xl fade-down\">\n                <div class=\"text-white max-md:px-5 max-md:leading-normal mb-6 md:mb-4 [&#038;_a]:no-underline [&#038;_.separator]:px-1.5\">\n                    <nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav>                <\/div>\n\n                                <h1 class=\"!text-xl md:!text-3xl !text-yellow drop-shadow-lg\">Plattegrond<\/h1>                            <\/div>\n        <\/div>\n    <\/div>\n\n    <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/02\/Dronefoto-Paleolab_6.webp\" class=\"object-cover w-full !h-[550px] md:!h-[650px] scale-out will-change-transform\" alt=\"\" srcset=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/02\/Dronefoto-Paleolab_6.webp 1920w, https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/02\/Dronefoto-Paleolab_6-300x169.webp 300w, https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/02\/Dronefoto-Paleolab_6-1024x576.webp 1024w, https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/02\/Dronefoto-Paleolab_6-768x432.webp 768w, https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/02\/Dronefoto-Paleolab_6-1536x864.webp 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\">\n    <div class=\"bg-gradient-to-t from-black\/40 to-black\/0 absolute inset-0 z-10 will-change-transform\"><\/div>\n\n    <div class=\"bg-cutout bg-cover tablet:bg-contain bg-bottom bg-repeat-x absolute bottom-0 left-0 h-6 tablet:h-9 w-full z-20 will-change-transform\"><\/div>\n<\/section>\n\n\n<section id=\"map-1\" class=\"relative w-full overflow-hidden rounded-2xl pt-120 pb-60\">\n            <div class=\"container-grid mb-10 tablet:mb-20\">\n            <div class=\"col-span-12 desktop:col-span-8 col-start-1 desktop:col-start-3\">\n                <div class=\"text-center\">\n<h2>Ontdek de mooie<br \/>\nwereld van dinoland<\/h2>\n<p>Wat ga je als eerst doen? Op avontuur in de <a href=\"\/ontdekken\/activiteiten\/t-rexpeditie\/\">T-Rexpeditie<\/a>? Ons nieuwe nettenparcours ontdekken? Of ga je toch eerst van onze <a href=\"\/ontdekken\/activiteiten\/pteranodon-sliders\/\">Pteranodon Sliders<\/a> glijbaan? Plan het alvast met de <strong>interactieve plattegrond<\/strong> hieronder.<\/p>\n<p>Liever de plattegrond downloaden? Gebruik dan <a href=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/DL-Plattegrond-website.png\" target=\"_blank\" rel=\"noopener\">deze link<\/a>.<\/p>\n<\/div>\n            <\/div>\n        <\/div>\n    \n    <div class=\"container-grid relative\">\n        <div id=\"map-container\" class=\"col-span-12 col-start-1 relative select-none rounded-20 bg-[#568237] overflow-hidden h-[600px] tablet:h-[750px]\">\n            <div class=\"absolute left-4 top-1\/2 -translate-y-1\/2 z-30 flex flex-col gap-1.5 pointer-events-auto\">\n                <button type=\"button\" data-zoom-in class=\"h-8 w-8 rounded bg-white\/90 shadow flex items-center justify-center text-[24px] cursor-pointer hover:bg-white\">+<\/button>\n                <button type=\"button\" data-zoom-out class=\"h-8 w-8 rounded bg-white\/90 shadow flex items-center justify-center text-[24px] cursor-pointer hover:bg-white\">&#8211;<\/button>\n            <\/div>\n\n            <div class=\"absolute right-4 top-4 z-30 pointer-events-auto\">\n                <button type=\"button\" data-fullscreen class=\"h-8 w-8 rounded bg-white\/90 shadow flex items-center justify-center cursor-pointer hover:bg-white\" title=\"Fullscreen\">\n                    <svg data-icon-expand class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\/>\n                    <\/svg>\n                    <svg data-icon-collapse class=\"w-5 h-5 hidden\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"\/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n\n                            <div id=\"viewport\" class=\"absolute inset-0 origin-top-left will-change-transform\" style=\"touch-action: none;\">\n                    <div class=\"relative mx-auto\" style=\"min-width: 1200px; width: 100%; height: auto;\">\n                        <img decoding=\"async\" id=\"map-image\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/Plattegrond-1.webp\" alt=\"Plattegrond\" class=\"block pointer-events-none select-none\" style=\"width: 100%; height: auto; min-width: 768px;\" draggable=\"false\" data-width=\"2400\" data-height=\"2400\">\n\n                                                    <div id=\"bk-map-pins\" class=\"absolute inset-0\">\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/dino-dig\\\/&quot;,&quot;title&quot;:&quot;Dino Dig&quot;,&quot;subtitle&quot;:&quot;Verborgen onder een dikke laag zand ligt een gigantisch T. rex-skelet te wachten om ontdekt te worden. &quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Dino-Dig-Skelet-vrijleggen_14-1024x576.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-0\"\n                                         style=\"left: 72.5%; top: 25.416666666667%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/dino-dig.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-0\">\n                                        <span data-trp-title>Dino Dig<\/span>\n                                        <span data-trp-subtitle>Verborgen onder een dikke laag zand ligt een gigantisch T. rex-skelet te wachten om ontdekt te worden. <\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/klimvulkaan\\\/&quot;,&quot;title&quot;:&quot;Klimvulkaan&quot;,&quot;subtitle&quot;:&quot;Lukt het jou om de klimvulkaan te beklimmen? Waag een poging en glij daarna weer naar beneden.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Klimvulkaan-close_50-1024x682.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-1\"\n                                         style=\"left: 89.916666666667%; top: 25.291666666667%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/klimvulkaan.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-1\">\n                                        <span data-trp-title>Klimvulkaan<\/span>\n                                        <span data-trp-subtitle>Lukt het jou om de klimvulkaan te beklimmen? Waag een poging en glij daarna weer naar beneden.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/dino-cars\\\/&quot;,&quot;title&quot;:&quot;Dino Cars&quot;,&quot;subtitle&quot;:&quot;Op de Dino Cars-skelterbaan kun je naar hartenlust rondes maken op een skelter. Maar, pas wel op voor de Carnotaurus!&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Dino-cars_12-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-2\"\n                                         style=\"left: 82.5%; top: 13.75%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/dino-cars.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-2\">\n                                        <span data-trp-title>Dino Cars<\/span>\n                                        <span data-trp-subtitle>Op de Dino Cars-skelterbaan kun je naar hartenlust rondes maken op een skelter. Maar, pas wel op voor de Carnotaurus!<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/raptor-encounter\\\/&quot;,&quot;title&quot;:&quot;Raptor Encounter&quot;,&quot;subtitle&quot;:&quot;ALARM! Er komt een raptor aan. Durf jij dichtbij te komen?&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Raptor-Encounter-1_67-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-3\"\n                                         style=\"left: 81.25%; top: 20.416666666667%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/dino-encounter.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-3\">\n                                        <span data-trp-title>Raptor Encounter<\/span>\n                                        <span data-trp-subtitle>ALARM! Er komt een raptor aan. Durf jij dichtbij te komen?<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/raptor-encounter\\\/&quot;,&quot;title&quot;:&quot;Raptor Encounter&quot;,&quot;subtitle&quot;:&quot;ALARM! Er komt een raptor aan. Durf jij dichtbij te komen?&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Raptor-Encounter-1_67-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-4\"\n                                         style=\"left: 52.083333333333%; top: 14.583333333333%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/dino-encounter.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-4\">\n                                        <span data-trp-title>Raptor Encounter<\/span>\n                                        <span data-trp-subtitle>ALARM! Er komt een raptor aan. Durf jij dichtbij te komen?<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/raptor-encounter\\\/&quot;,&quot;title&quot;:&quot;Raptor Encounter&quot;,&quot;subtitle&quot;:&quot;ALARM! Er komt een raptor aan. Durf jij dichtbij te komen?&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Raptor-Encounter-1_67-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-5\"\n                                         style=\"left: 60%; top: 60%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/dino-encounter.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-5\">\n                                        <span data-trp-title>Raptor Encounter<\/span>\n                                        <span data-trp-subtitle>ALARM! Er komt een raptor aan. Durf jij dichtbij te komen?<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/raptor-encounter\\\/&quot;,&quot;title&quot;:&quot;Raptor Encounter&quot;,&quot;subtitle&quot;:&quot;ALARM! Er komt een raptor aan. Durf jij dichtbij te komen?&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Raptor-Encounter-1_67-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-6\"\n                                         style=\"left: 50%; top: 50%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/dino-encounter.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-6\">\n                                        <span data-trp-title>Raptor Encounter<\/span>\n                                        <span data-trp-subtitle>ALARM! Er komt een raptor aan. Durf jij dichtbij te komen?<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/souvenirshop\\\/&quot;,&quot;title&quot;:&quot;Dinostore&quot;,&quot;subtitle&quot;:&quot;Neem een stukje Dinoland mee naar huis met stoere dino-knuffels, spellen en andere prehistorische souvenirs.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/PXL_20250522_085430078_52-1024x593.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-7\"\n                                         style=\"left: 34.583333333333%; top: 81.25%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/dinostore.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-7\">\n                                        <span data-trp-title>Dinostore<\/span>\n                                        <span data-trp-subtitle>Neem een stukje Dinoland mee naar huis met stoere dino-knuffels, spellen en andere prehistorische souvenirs.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;&quot;,&quot;title&quot;:&quot;Entree&quot;,&quot;subtitle&quot;:&quot;Een dag vol Dinoland plezier begint hier.&quot;,&quot;img&quot;:&quot;&quot;}\"\n                                         data-pin-id=\"map-1-pin-8\"\n                                         style=\"left: 31.666666666667%; top: 84.583333333333%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/entree.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-8\">\n                                        <span data-trp-title>Entree<\/span>\n                                        <span data-trp-subtitle>Een dag vol Dinoland plezier begint hier.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/paleolab\\\/&quot;,&quot;title&quot;:&quot;Fossielen zeven&quot;,&quot;subtitle&quot;:&quot;Ga op zoek naar echte fossielen in het zand en ontdek welke prehistorische schatten jij weet te vinden.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Paleolab_27-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-9\"\n                                         style=\"left: 56.25%; top: 26.25%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/fossielen-zeven.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-9\">\n                                        <span data-trp-title>Fossielen zeven<\/span>\n                                        <span data-trp-subtitle>Ga op zoek naar echte fossielen in het zand en ontdek welke prehistorische schatten jij weet te vinden.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/eten-en-drinken\\\/&quot;,&quot;title&quot;:&quot;Horeca&quot;,&quot;subtitle&quot;:&quot;Neem plaats op het terras en geniet van een hapje en een drankje tijdens je bezoek aan Dinoland.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Paleolab-terras_26-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-10\"\n                                         style=\"left: 52.5%; top: 58.333333333333%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/horeca.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-10\">\n                                        <span data-trp-title>Horeca<\/span>\n                                        <span data-trp-subtitle>Neem plaats op het terras en geniet van een hapje en een drankje tijdens je bezoek aan Dinoland.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/eten-en-drinken\\\/&quot;,&quot;title&quot;:&quot;Horeca&quot;,&quot;subtitle&quot;:&quot;Neem plaats op het terras en geniet van een hapje en een drankje tijdens je bezoek aan Dinoland.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Paleolab-terras_26-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-11\"\n                                         style=\"left: 43.75%; top: 63.75%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/horeca.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-11\">\n                                        <span data-trp-title>Horeca<\/span>\n                                        <span data-trp-subtitle>Neem plaats op het terras en geniet van een hapje en een drankje tijdens je bezoek aan Dinoland.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/eten-en-drinken\\\/&quot;,&quot;title&quot;:&quot;Horeca&quot;,&quot;subtitle&quot;:&quot;Neem plaats op het terras en geniet van een hapje en een drankje tijdens je bezoek aan Dinoland.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Paleolab-terras_26-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-12\"\n                                         style=\"left: 58.75%; top: 23.75%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/horeca.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-12\">\n                                        <span data-trp-title>Horeca<\/span>\n                                        <span data-trp-subtitle>Neem plaats op het terras en geniet van een hapje en een drankje tijdens je bezoek aan Dinoland.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/dino-tijdperken\\\/&quot;,&quot;title&quot;:&quot;Jura&quot;,&quot;subtitle&quot;:&quot;Ontdek het Jura tijdperk, toen enorme dinosauri\\u00ebrs de aarde bevolkten en een grote diversiteit aan soorten leefde.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Overzicht-park_24-1024x576.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-13\"\n                                         style=\"left: 42.5%; top: 34.166666666667%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/jura.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-13\">\n                                        <span data-trp-title>Jura<\/span>\n                                        <span data-trp-subtitle>Ontdek het Jura tijdperk, toen enorme dinosauri\u00ebrs de aarde bevolkten en een grote diversiteit aan soorten leefde.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/dino-tijdperken\\\/&quot;,&quot;title&quot;:&quot;Krijt&quot;,&quot;subtitle&quot;:&quot;Ontdek het Krijt tijdperk, de laatste periode van de dinosauri\\u00ebrs met beroemde soorten zoals de Tyrannosaurus rex.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Overzicht-park_24-1024x576.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-14\"\n                                         style=\"left: 75%; top: 44.166666666667%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/krijt.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-14\">\n                                        <span data-trp-title>Krijt<\/span>\n                                        <span data-trp-subtitle>Ontdek het Krijt tijdperk, de laatste periode van de dinosauri\u00ebrs met beroemde soorten zoals de Tyrannosaurus rex.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/dino-tijdperken\\\/&quot;,&quot;title&quot;:&quot;Trias&quot;,&quot;subtitle&quot;:&quot;Ontdek het Trias tijdperk, waarin de eerste dinosauri\\u00ebrs verschenen en hun heerschappij op aarde begon.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Overzicht-park_24-1024x576.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-15\"\n                                         style=\"left: 28.75%; top: 39.583333333333%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/trias.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-15\">\n                                        <span data-trp-title>Trias<\/span>\n                                        <span data-trp-subtitle>Ontdek het Trias tijdperk, waarin de eerste dinosauri\u00ebrs verschenen en hun heerschappij op aarde begon.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/paleolab\\\/&quot;,&quot;title&quot;:&quot;Kalksteen hakken&quot;,&quot;subtitle&quot;:&quot;Word een echte paleontoloog en hak zelf fossielen uit kalksteen, net als bij een echte opgraving.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Paleolab_27-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-16\"\n                                         style=\"left: 65.833333333333%; top: 18.75%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/kalksteen.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-16\">\n                                        <span data-trp-title>Kalksteen hakken<\/span>\n                                        <span data-trp-subtitle>Word een echte paleontoloog en hak zelf fossielen uit kalksteen, net als bij een echte opgraving.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/pterosaurus-klimwand\\\/&quot;,&quot;title&quot;:&quot;Klimwand&quot;,&quot;subtitle&quot;:&quot;Durf jij naar de top te klimmen? Klim veilig omhoog langs de wand en luid de bel bovenaan!&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Klimwand_53-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-17\"\n                                         style=\"left: 67.5%; top: 5.8333333333333%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/klimwand.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-17\">\n                                        <span data-trp-title>Klimwand<\/span>\n                                        <span data-trp-subtitle>Durf jij naar de top te klimmen? Klim veilig omhoog langs de wand en luid de bel bovenaan!<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/pteranodon-sliders\\\/&quot;,&quot;title&quot;:&quot;Pteranodon Slider&quot;,&quot;subtitle&quot;:&quot;Wil jij net zo snel gaan als een Pteranodon? Glij dan met een matje van de Pteranodon Slider! &quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Reuzenglijbaan_72-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-18\"\n                                         style=\"left: 59.166666666667%; top: 8.3333333333333%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/slide.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-18\">\n                                        <span data-trp-title>Pteranodon Slider<\/span>\n                                        <span data-trp-subtitle>Wil jij net zo snel gaan als een Pteranodon? Glij dan met een matje van de Pteranodon Slider! <\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;&quot;,&quot;title&quot;:&quot;Toiletten&quot;,&quot;subtitle&quot;:&quot;Dames en heren toilet&quot;,&quot;img&quot;:&quot;&quot;}\"\n                                         data-pin-id=\"map-1-pin-19\"\n                                         style=\"left: 55.833333333333%; top: 21.25%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/toilet.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-19\">\n                                        <span data-trp-title>Toiletten<\/span>\n                                        <span data-trp-subtitle>Dames en heren toilet<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;&quot;,&quot;title&quot;:&quot;Toiletten&quot;,&quot;subtitle&quot;:&quot;Dames en heren toilet&quot;,&quot;img&quot;:&quot;&quot;}\"\n                                         data-pin-id=\"map-1-pin-20\"\n                                         style=\"left: 55.416666666667%; top: 59.583333333333%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/toilet.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-20\">\n                                        <span data-trp-title>Toiletten<\/span>\n                                        <span data-trp-subtitle>Dames en heren toilet<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;&quot;,&quot;title&quot;:&quot;Toiletten&quot;,&quot;subtitle&quot;:&quot;Toiletten met rolstoeltoegang en een babyverschoonplek.&quot;,&quot;img&quot;:&quot;&quot;}\"\n                                         data-pin-id=\"map-1-pin-21\"\n                                         style=\"left: 37.083333333333%; top: 62.916666666667%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/toilet-uitgebreid.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-21\">\n                                        <span data-trp-title>Toiletten<\/span>\n                                        <span data-trp-subtitle>Toiletten met rolstoeltoegang en een babyverschoonplek.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;&quot;,&quot;title&quot;:&quot;Toiletten, EHBO &amp; AED&quot;,&quot;subtitle&quot;:&quot;Bij de ingang vind je toiletten, een rolstoeltoegankelijk toilet, een babyverschoonplek en de EHBO-post met AED.&quot;,&quot;img&quot;:&quot;&quot;}\"\n                                         data-pin-id=\"map-1-pin-22\"\n                                         style=\"left: 38.333333333333%; top: 85.416666666667%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/toilet-ehbo-aed.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-22\">\n                                        <span data-trp-title>Toiletten, EHBO &amp; AED<\/span>\n                                        <span data-trp-subtitle>Bij de ingang vind je toiletten, een rolstoeltoegankelijk toilet, een babyverschoonplek en de EHBO-post met AED.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/speeltuinen\\\/&quot;,&quot;title&quot;:&quot;Speeltuinen&quot;,&quot;subtitle&quot;:&quot;Verspreid door het park vind je verschillende speeltuinen waar kinderen kunnen klimmen, klauteren en spelen.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Speeltuin-spelen_83-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-23\"\n                                         style=\"left: 80.833333333333%; top: 30.833333333333%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/speelplaats.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-23\">\n                                        <span data-trp-title>Speeltuinen<\/span>\n                                        <span data-trp-subtitle>Verspreid door het park vind je verschillende speeltuinen waar kinderen kunnen klimmen, klauteren en spelen.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/speeltuinen\\\/&quot;,&quot;title&quot;:&quot;Speeltuinen&quot;,&quot;subtitle&quot;:&quot;Verspreid door het park vind je verschillende speeltuinen waar kinderen kunnen klimmen, klauteren en spelen.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Speeltuin-spelen_83-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-24\"\n                                         style=\"left: 64.166666666667%; top: 39.166666666667%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/speelplaats.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-24\">\n                                        <span data-trp-title>Speeltuinen<\/span>\n                                        <span data-trp-subtitle>Verspreid door het park vind je verschillende speeltuinen waar kinderen kunnen klimmen, klauteren en spelen.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/speeltuinen\\\/&quot;,&quot;title&quot;:&quot;Speeltuinen&quot;,&quot;subtitle&quot;:&quot;Verspreid door het park vind je verschillende speeltuinen waar kinderen kunnen klimmen, klauteren en spelen.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Speeltuin-spelen_83-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-25\"\n                                         style=\"left: 55.416666666667%; top: 46.25%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/speelplaats.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-25\">\n                                        <span data-trp-title>Speeltuinen<\/span>\n                                        <span data-trp-subtitle>Verspreid door het park vind je verschillende speeltuinen waar kinderen kunnen klimmen, klauteren en spelen.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/speeltuinen\\\/&quot;,&quot;title&quot;:&quot;Speeltuinen&quot;,&quot;subtitle&quot;:&quot;Verspreid door het park vind je verschillende speeltuinen waar kinderen kunnen klimmen, klauteren en spelen.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Speeltuin-spelen_83-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-26\"\n                                         style=\"left: 60%; top: 50.833333333333%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/speelplaats.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-26\">\n                                        <span data-trp-title>Speeltuinen<\/span>\n                                        <span data-trp-subtitle>Verspreid door het park vind je verschillende speeltuinen waar kinderen kunnen klimmen, klauteren en spelen.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/speeltuinen\\\/&quot;,&quot;title&quot;:&quot;Speeltuinen&quot;,&quot;subtitle&quot;:&quot;Verspreid door het park vind je verschillende speeltuinen waar kinderen kunnen klimmen, klauteren en spelen.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Speeltuin-spelen_83-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-27\"\n                                         style=\"left: 21.25%; top: 43.75%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/speelplaats.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-27\">\n                                        <span data-trp-title>Speeltuinen<\/span>\n                                        <span data-trp-subtitle>Verspreid door het park vind je verschillende speeltuinen waar kinderen kunnen klimmen, klauteren en spelen.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/nettenparcours\\\/&quot;,&quot;title&quot;:&quot;Nettenparcours&quot;,&quot;subtitle&quot;:&quot;Ben jij een echte daredevil? Trotseer het nettenparcours en ga over, onder en langs verschillende obstakels.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Nettenparcours-1-RGB_64-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-28\"\n                                         style=\"left: 74.166666666667%; top: 12.291666666667%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/nettenparcour.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-28\">\n                                        <span data-trp-title>Nettenparcours<\/span>\n                                        <span data-trp-subtitle>Ben jij een echte daredevil? Trotseer het nettenparcours en ga over, onder en langs verschillende obstakels.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/dino-golf\\\/&quot;,&quot;title&quot;:&quot;Dino Golf&quot;,&quot;subtitle&quot;:&quot;Minigolf blijft een gezellige activiteit die je met het hele gezin kunt doen. Elke hole op onze minigolfbaan is anders!&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/minigolf-2-1024x768.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-29\"\n                                         style=\"left: 42.916666666667%; top: 25.833333333333%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/minigolf.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-29\">\n                                        <span data-trp-title>Dino Golf<\/span>\n                                        <span data-trp-subtitle>Minigolf blijft een gezellige activiteit die je met het hele gezin kunt doen. Elke hole op onze minigolfbaan is anders!<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/dino-lasergame\\\/&quot;,&quot;title&quot;:&quot;Dino Lasergame&quot;,&quot;subtitle&quot;:&quot;Lasergamen tussen de dinosaurussen! Kies een team en strijd in de arena om de gevangen dinosaurus.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Lasergamen_60-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-30\"\n                                         style=\"left: 58.75%; top: 68.333333333333%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/lasergamen.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-30\">\n                                        <span data-trp-title>Dino Lasergame<\/span>\n                                        <span data-trp-subtitle>Lasergamen tussen de dinosaurussen! Kies een team en strijd in de arena om de gevangen dinosaurus.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/paleolab\\\/&quot;,&quot;title&quot;:&quot;Paleolab&quot;,&quot;subtitle&quot;:&quot;Ontdek het Paleolab van Dr. Arnold en ga zelf aan de slag met fossielen, goud zoeken en dinoskeletten.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Paleolab_27-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-31\"\n                                         style=\"left: 52.5%; top: 24.166666666667%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/paleolab.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-31\">\n                                        <span data-trp-title>Paleolab<\/span>\n                                        <span data-trp-subtitle>Ontdek het Paleolab van Dr. Arnold en ga zelf aan de slag met fossielen, goud zoeken en dinoskeletten.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;&quot;,&quot;title&quot;:&quot;Parkeerplaats&quot;,&quot;subtitle&quot;:&quot;Hier vind je de parkeerplaatsen van Dinoland. Parkeren kost \\u20ac7 per auto en betaal je contactloos bij het uitrijden.&quot;,&quot;img&quot;:&quot;&quot;}\"\n                                         data-pin-id=\"map-1-pin-32\"\n                                         style=\"left: 13.333333333333%; top: 62.5%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/parkeren.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-32\">\n                                        <span data-trp-title>Parkeerplaats<\/span>\n                                        <span data-trp-subtitle>Hier vind je de parkeerplaatsen van Dinoland. Parkeren kost \u20ac7 per auto en betaal je contactloos bij het uitrijden.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;&quot;,&quot;title&quot;:&quot;Water Wars&quot;,&quot;subtitle&quot;:&quot;Ga de strijd aan met waterkanonnen! Raak je tegenstanders en probeer zelf zo droog mogelijk te blijven.&quot;,&quot;img&quot;:&quot;&quot;}\"\n                                         data-pin-id=\"map-1-pin-33\"\n                                         style=\"left: 69.583333333333%; top: 15.833333333333%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/water-wars.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-33\">\n                                        <span data-trp-title>Water Wars<\/span>\n                                        <span data-trp-subtitle>Ga de strijd aan met waterkanonnen! Raak je tegenstanders en probeer zelf zo droog mogelijk te blijven.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/eten-en-drinken\\\/&quot;,&quot;title&quot;:&quot;Pilotbar Goggles&quot;,&quot;subtitle&quot;:&quot;Haal hier drankjes, broodjes en snacks. Warme gerechten bestel je bij de kassa en haal je op in het restaurant.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Paleolab-terras_26-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-34\"\n                                         style=\"left: 45%; top: 59.166666666667%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/pilotbar-goggles.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-34\">\n                                        <span data-trp-title>Pilotbar Goggles<\/span>\n                                        <span data-trp-subtitle>Haal hier drankjes, broodjes en snacks. Warme gerechten bestel je bij de kassa en haal je op in het restaurant.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/indoor-speelhal\\\/&quot;,&quot;title&quot;:&quot;Indoor speelhal&quot;,&quot;subtitle&quot;:&quot;Weer of geen weer: klimmen, glijden, spelen en interactieve games in de overdekte speelhal. Ook met peuterzone.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Indoor-speelhal-2_44-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-35\"\n                                         style=\"left: 35.416666666667%; top: 70.416666666667%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/speelhal.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-35\">\n                                        <span data-trp-title>Indoor speelhal<\/span>\n                                        <span data-trp-subtitle>Weer of geen weer: klimmen, glijden, spelen en interactieve games in de overdekte speelhal. Ook met peuterzone.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/indoor-speelhal\\\/&quot;,&quot;title&quot;:&quot;Peuterzone&quot;,&quot;subtitle&quot;:&quot;Speciaal voor de allerkleinsten: een veilige plek om te klimmen, glijden en spelen.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Indoor-speelhal-2_44-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-36\"\n                                         style=\"left: 40.833333333333%; top: 59.166666666667%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/peuterzone.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-36\">\n                                        <span data-trp-title>Peuterzone<\/span>\n                                        <span data-trp-subtitle>Speciaal voor de allerkleinsten: een veilige plek om te klimmen, glijden en spelen.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/indoor-speelhal\\\/&quot;,&quot;title&quot;:&quot;Peuterzone&quot;,&quot;subtitle&quot;:&quot;Speciaal voor de allerkleinsten: een veilige plek om te klimmen, glijden en spelen.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Indoor-speelhal-2_44-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-37\"\n                                         style=\"left: 40.416666666667%; top: 67.916666666667%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/peuterzone.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-37\">\n                                        <span data-trp-title>Peuterzone<\/span>\n                                        <span data-trp-subtitle>Speciaal voor de allerkleinsten: een veilige plek om te klimmen, glijden en spelen.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/raptor-dock\\\/&quot;,&quot;title&quot;:&quot;Raptor Dock&quot;,&quot;subtitle&quot;:&quot;Klim en klauter door de Raptor Dock, vlak bij de raptors van Dinoland. Glijd via de glijbaan weer naar buiten.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Raptordock_71-1024x683.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-38\"\n                                         style=\"left: 62.708333333333%; top: 63.541666666667%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/raptor-dock.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-38\">\n                                        <span data-trp-title>Raptor Dock<\/span>\n                                        <span data-trp-subtitle>Klim en klauter door de Raptor Dock, vlak bij de raptors van Dinoland. Glijd via de glijbaan weer naar buiten.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/t-rexpeditie\\\/&quot;,&quot;title&quot;:&quot;T-Rexpeditie&quot;,&quot;subtitle&quot;:&quot;Ontdek alles over de Tyrannosaurus rex en sta oog in oog met een levensecht, levensgroot T. rex-skelet.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Tyrannosaurus-Rex-Juvenile_96-1024x771.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-39\"\n                                         style=\"left: 46.458333333333%; top: 81.25%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/t-rex-expeditie.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-39\">\n                                        <span data-trp-title>T-Rexpeditie<\/span>\n                                        <span data-trp-subtitle>Ontdek alles over de Tyrannosaurus rex en sta oog in oog met een levensecht, levensgroot T. rex-skelet.<\/span>\n                                    <\/template>\n                                                                    <div class=\"bk-map-pin absolute cursor-pointer\"\n                                         data-pin=\"{&quot;url&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/de\\\/ontdekken\\\/activiteiten\\\/dinoshow-dinozine\\\/&quot;,&quot;title&quot;:&quot;Dinoshow Dinozine&quot;,&quot;subtitle&quot;:&quot;Ga mee met Ranger Jones en Onderzoeker Hatcher op een avontuurlijke reis door de tijd van de dinosaurussen.&quot;,&quot;img&quot;:&quot;https:\\\/\\\/dinoland.nl\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Dino-show-Dinozine-visual-1-2023_20-1024x724.webp&quot;}\"\n                                         data-pin-id=\"map-1-pin-40\"\n                                         style=\"left: 52.708333333333%; top: 77.083333333333%;\">\n                                        <div class=\"pin-content\" style=\"transform: translate(-50%, -50%);\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/dinoland.nl\/wp-content\/uploads\/2026\/03\/theater.svg\" alt=\"Pin\" class=\"w-auto h-auto object-contain\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    <!-- Hidden translatable content for TranslatePress -->\n                                    <template id=\"map-1-pin-40\">\n                                        <span data-trp-title>Dinoshow Dinozine<\/span>\n                                        <span data-trp-subtitle>Ga mee met Ranger Jones en Onderzoeker Hatcher op een avontuurlijke reis door de tijd van de dinosaurussen.<\/span>\n                                    <\/template>\n                                                            <\/div>\n                                            <\/div>\n                <\/div>\n            \n            <div data-overlay class=\"absolute inset-0 z-50 hidden items-center justify-center bg-black\/40 p-4\">\n                <div data-card class=\"w-full max-w-[600px] overflow-hidden rounded-20 bg-white shadow-xl flex flex-col md:flex-row items-center p-5 gap-5\">\n                    <div data-img class=\"w-full md:w-36 aspect-landscape md:aspect-square flex-shrink-0 rounded-10 hidden\"><\/div>\n\n                    <div class=\"flex-1\">\n                        <div data-title class=\"text-lg mb-2.5 leading-none font-lilita font-normal uppercase text-dark-green\"><\/div>\n                        <div data-subtitle class=\"text-sm leading-normal\"><\/div>\n                        <div data-link-text class=\"font-bold mt-1.5 text-sm hidden\">Meer informatie \u203a<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <style>\n            .bk-map-pin:hover .pin-outer {\n                opacity: 1 !important;\n            }\n            #viewport {\n                \/* Geen transition tijdens interactie - wordt via JS toegevoegd waar nodig *\/\n                backface-visibility: hidden;\n                -webkit-backface-visibility: hidden;\n                transform-style: preserve-3d;\n                -webkit-transform-style: preserve-3d;\n            }\n            .bk-map-pin .pin-content {\n                transform-origin: center center;\n                will-change: transform;\n                backface-visibility: hidden;\n                -webkit-backface-visibility: hidden;\n            }\n            .bk-map-pin img {\n                image-rendering: -webkit-optimize-contrast;\n                image-rendering: crisp-edges;\n                image-rendering: pixelated;\n                -ms-interpolation-mode: nearest-neighbor;\n                shape-rendering: geometricPrecision;\n            }\n            #map-image {\n                backface-visibility: hidden;\n                -webkit-backface-visibility: hidden;\n            }\n            #map-container.is-fullscreen {\n                position: fixed !important;\n                top: 0 !important;\n                left: 0 !important;\n                right: 0 !important;\n                bottom: 0 !important;\n                width: 100vw !important;\n                height: 100vh !important;\n                z-index: 9999 !important;\n                border-radius: 0 !important;\n            }\n        <\/style>\n\n        <script>\n            \/**\n             * Initialiseer interactieve plattegrond\n             * - Zoom & pan functionaliteit\n             * - Klikbare pins met overlay\n             * - Touch\/pointer events voor mobiel\n             *\/\n            const bkInitMap = (root) => {\n                const container = root.querySelector(\"#map-container\");\n                if (!container) return;\n\n                const viewport = container.querySelector(\"#viewport\");\n                if (!viewport) return;\n\n                const mapImage = viewport.querySelector(\"#map-image\");\n                if (!mapImage) return;\n\n                \/\/ De afbeelding heeft al min-width: 768px via CSS\n                \/\/ We hoeven alleen de hoogte te berekenen op basis van de daadwerkelijke breedte\n                const updateImageHeight = () => {\n                    const imageWidth = parseInt(mapImage.dataset.width);\n                    const imageHeight = parseInt(mapImage.dataset.height);\n                    const aspectRatio = imageHeight \/ imageWidth;\n\n                    \/\/ Haal de daadwerkelijke breedte op (kan groter zijn dan container door min-width)\n                    const actualWidth = mapImage.offsetWidth;\n                    mapImage.style.height = (actualWidth * aspectRatio) + 'px';\n                };\n\n                \/\/ Wacht tot afbeelding geladen is\n                const onImageReady = () => {\n                    updateImageHeight();\n                    centerMap();\n                    apply();\n                };\n\n                if (mapImage.complete) {\n                    onImageReady();\n                } else {\n                    mapImage.addEventListener('load', onImageReady);\n                }\n\n                window.addEventListener('resize', () => {\n                    updateImageHeight();\n                    centerMap();\n                    apply();\n                });\n\n                const overlay = root.querySelector(\"[data-overlay]\");\n                const card = root.querySelector(\"[data-card]\");\n                const img = root.querySelector(\"[data-img]\");\n                const title = root.querySelector(\"[data-title]\");\n                const subtitle = root.querySelector(\"[data-subtitle]\");\n                const linkText = root.querySelector(\"[data-link-text]\");\n\n                const btnIn = root.querySelector(\"[data-zoom-in]\");\n                const btnOut = root.querySelector(\"[data-zoom-out]\");\n                const btnFullscreen = root.querySelector(\"[data-fullscreen]\");\n                const iconExpand = root.querySelector(\"[data-icon-expand]\");\n                const iconCollapse = root.querySelector(\"[data-icon-collapse]\");\n\n                \/\/ Zoom & pan state\n                let tx = 0;\n                let ty = 0;\n\n                \/\/ Gebruik altijd scale 1 als basis, ongeacht schermgrootte\n                \/\/ Dit zorgt ervoor dat de kaart op mobiel en desktop hetzelfde zoom niveau heeft\n                let scale = 1;\n                const minScale = 1;\n                const maxScale = 2; \/\/ Maximaal 1x inzoomen\n\n                \/\/ Centreer de kaart horizontaal als deze groter is dan de container\n                const centerMap = () => {\n                    const containerWidth = container.offsetWidth;\n                    const imageWidth = mapImage.offsetWidth;\n\n                    if (imageWidth > containerWidth) {\n                        \/\/ Centreer: verschuif naar links met de helft van het verschil\n                        tx = -(imageWidth - containerWidth) \/ 2;\n                    } else {\n                        tx = 0;\n                    }\n                    ty = 0;\n                };\n\n                centerMap();\n\n                \/\/ Pointer tracking voor multi-touch\n                const pointers = new Map();\n                let lastPan = null;\n                let lastPinch = null;\n\n                \/\/ Pas transform toe op viewport met boundary checking\n                const apply = () => {\n                    \/\/ Bereken de daadwerkelijke afmetingen van de viewport\n                    const containerRect = container.getBoundingClientRect();\n\n                    \/\/ Haal de natuurlijke afbeelding afmetingen op\n                    const img = viewport.querySelector('#map-image');\n                    const imgRect = img ? img.getBoundingClientRect() : containerRect;\n\n                    \/\/ Bereken de geschaalde afmetingen\n                    const scaledWidth = imgRect.width * scale;\n                    const scaledHeight = imgRect.height * scale;\n\n                    \/\/ Beperk tx en ty zodat de afbeelding altijd de container vult\n                    const maxTx = 0;\n                    const minTx = Math.min(0, containerRect.width - scaledWidth);\n                    const maxTy = 0;\n                    const minTy = Math.min(0, containerRect.height - scaledHeight);\n\n                    tx = Math.max(minTx, Math.min(maxTx, tx));\n                    ty = Math.max(minTy, Math.min(maxTy, ty));\n\n                    \/\/ Gebruik translate3d voor hardware acceleration op mobiel\n                    \/\/ Round naar hele pixels om subpixel rendering te voorkomen\n                    const roundedTx = Math.round(tx);\n                    const roundedTy = Math.round(ty);\n                    viewport.style.transform = `translate3d(${roundedTx}px, ${roundedTy}px, 0) scale(${scale})`;\n\n                    \/\/ Counter-scale pins zodat ze altijd dezelfde grootte blijven\n                    const pins = viewport.querySelectorAll('.bk-map-pin .pin-content');\n                    const inverseScale = 1 \/ scale;\n                    pins.forEach(pin => {\n                        pin.style.transform = `translate(-50%, -50%) scale(${inverseScale})`;\n                    });\n                };\n\n                const clamp = (v, a, b) => Math.max(a, Math.min(b, v));\n\n                \/\/ Converteer client co\u00f6rdinaten naar container co\u00f6rdinaten\n                const clientToContainer = (clientX, clientY) => {\n                    const rect = container.getBoundingClientRect();\n                    return {\n                        x: clientX - rect.left,\n                        y: clientY - rect.top\n                    };\n                };\n\n                \/\/ Zoom naar specifiek punt\n                const zoomAt = (clientX, clientY, nextScale) => {\n                    nextScale = clamp(nextScale, minScale, maxScale);\n\n                    const p0 = clientToContainer(clientX, clientY);\n                    const prevScale = scale;\n\n                    scale = nextScale;\n\n                    const k = scale \/ prevScale;\n                    tx = p0.x - (p0.x - tx) * k;\n                    ty = p0.y - (p0.y - ty) * k;\n\n                    apply();\n                };\n\n                \/\/ Open pin overlay\n                const openOverlay = (data) => {\n                    overlay.classList.remove(\"hidden\");\n                    overlay.classList.add(\"flex\");\n                    overlay.dataset.url = data.url || \"\";\n\n                    \/\/ Reset overlay elementen\n                    img.style.backgroundImage = \"\";\n                    img.classList.add(\"hidden\");\n                    linkText.classList.add(\"hidden\");\n\n                    \/\/ Maak card alleen klikbaar als er een URL is\n                    if (data.url) {\n                        card.classList.add(\"cursor-pointer\");\n                        linkText.classList.remove(\"hidden\");\n                    } else {\n                        card.classList.remove(\"cursor-pointer\");\n                    }\n\n                    \/\/ Toon afbeelding als deze bestaat\n                    if (data.img) {\n                        img.style.backgroundImage = `url(\"${data.img}\")`;\n                        img.style.backgroundSize = \"cover\";\n                        img.style.backgroundPosition = \"center\";\n                        img.classList.remove(\"hidden\");\n                    }\n\n                    title.textContent = data.title || \"\";\n                    subtitle.textContent = data.subtitle || \"\";\n                };\n\n                \/\/ Sluit overlay\n                const closeOverlay = () => {\n                    overlay.classList.add(\"hidden\");\n                    overlay.classList.remove(\"flex\");\n                    overlay.dataset.url = \"\";\n                };\n\n                \/\/ Pin click handler\n                container.addEventListener(\"click\", (e) => {\n                    const pin = e.target.closest(\".bk-map-pin\");\n                    if (pin) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        const data = JSON.parse(pin.getAttribute(\"data-pin\") || \"{}\");\n\n                        \/\/ Haal vertaalde teksten op uit template element (voor TranslatePress)\n                        const pinId = pin.getAttribute(\"data-pin-id\");\n                        if (pinId) {\n                            const template = document.getElementById(pinId);\n                            if (template) {\n                                const trpTitle = template.content.querySelector(\"[data-trp-title]\");\n                                const trpSubtitle = template.content.querySelector(\"[data-trp-subtitle]\");\n                                if (trpTitle) data.title = trpTitle.textContent;\n                                if (trpSubtitle) data.subtitle = trpSubtitle.textContent;\n                            }\n                        }\n\n                        openOverlay(data);\n                    }\n                });\n\n                \/\/ Overlay click handlers\n                overlay.addEventListener(\"click\", (e) => {\n                    if (e.target === overlay) closeOverlay();\n                });\n\n                card.addEventListener(\"click\", () => {\n                    const url = overlay.dataset.url;\n                    if (url) {\n                        window.location.href = url;\n                    }\n                });\n\n                \/\/ Pointer events voor pan & pinch zoom\n                viewport.addEventListener(\"pointerdown\", (e) => {\n                    \/\/ Negeer pointer events op pins\n                    if (e.target.closest(\".bk-map-pin\")) {\n                        return;\n                    }\n\n                    e.preventDefault();\n                    viewport.setPointerCapture(e.pointerId);\n                    pointers.set(e.pointerId, { x: e.clientX, y: e.clientY });\n\n                    if (pointers.size === 1) {\n                        lastPan = { x: e.clientX, y: e.clientY, tx, ty };\n                    }\n\n                    if (pointers.size === 2) {\n                        const pts = [...pointers.values()];\n                        const dx = pts[0].x - pts[1].x;\n                        const dy = pts[0].y - pts[1].y;\n                        lastPinch = {\n                            dist: Math.hypot(dx, dy),\n                            scale,\n                            mid: { x: (pts[0].x + pts[1].x) \/ 2, y: (pts[0].y + pts[1].y) \/ 2 }\n                        };\n                    }\n                });\n\n                viewport.addEventListener(\"pointermove\", (e) => {\n                    if (!pointers.has(e.pointerId)) return;\n                    pointers.set(e.pointerId, { x: e.clientX, y: e.clientY });\n\n                    \/\/ Single pointer pan\n                    if (pointers.size === 1 && lastPan) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        const dx = e.clientX - lastPan.x;\n                        const dy = e.clientY - lastPan.y;\n                        tx = lastPan.tx + dx;\n                        ty = lastPan.ty + dy;\n                        apply();\n                    }\n\n                    \/\/ Two pointer pinch zoom\n                    if (pointers.size === 2 && lastPinch) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        const pts = [...pointers.values()];\n                        const dx = pts[0].x - pts[1].x;\n                        const dy = pts[0].y - pts[1].y;\n                        const dist = Math.hypot(dx, dy);\n                        const ratio = dist \/ lastPinch.dist;\n                        zoomAt(lastPinch.mid.x, lastPinch.mid.y, lastPinch.scale * ratio);\n                    }\n                });\n\n                const onPointerUp = (e) => {\n                    pointers.delete(e.pointerId);\n                    lastPan = null;\n                    if (pointers.size < 2) lastPinch = null;\n                };\n\n                viewport.addEventListener(\"pointerup\", onPointerUp);\n                viewport.addEventListener(\"pointercancel\", onPointerUp);\n\n                \/\/ Zoom button handlers - zoom naar het midden van de container met grotere stappen\n                btnIn?.addEventListener(\"click\", (e) => {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    const rect = container.getBoundingClientRect();\n                    const centerX = rect.left + rect.width \/ 2;\n                    const centerY = rect.top + rect.height \/ 2;\n\n                    const p0 = clientToContainer(centerX, centerY);\n                    const prevScale = scale;\n                    const nextScale = clamp(scale * 1.3, minScale, maxScale); \/\/ sqrt(2) voor 2 stappen\n\n                    scale = nextScale;\n                    const k = scale \/ prevScale;\n                    tx = p0.x - (p0.x - tx) * k;\n                    ty = p0.y - (p0.y - ty) * k;\n\n                    apply();\n                });\n\n                btnOut?.addEventListener(\"click\", (e) => {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    const rect = container.getBoundingClientRect();\n                    const centerX = rect.left + rect.width \/ 2;\n                    const centerY = rect.top + rect.height \/ 2;\n\n                    const p0 = clientToContainer(centerX, centerY);\n                    const prevScale = scale;\n                    const nextScale = clamp(scale \/ 1.3, minScale, maxScale); \/\/ sqrt(2) voor 2 stappen\n\n                    scale = nextScale;\n                    const k = scale \/ prevScale;\n                    tx = p0.x - (p0.x - tx) * k;\n                    ty = p0.y - (p0.y - ty) * k;\n\n                    apply();\n                });\n\n                \/\/ Fullscreen functionaliteit\n                const toggleFullscreen = () => {\n                    const isFullscreen = container.classList.contains('is-fullscreen');\n\n                    if (isFullscreen) {\n                        \/\/ Exit fullscreen\n                        container.classList.remove('is-fullscreen');\n                        document.body.style.overflow = '';\n                        iconExpand?.classList.remove('hidden');\n                        iconCollapse?.classList.add('hidden');\n                    } else {\n                        \/\/ Enter fullscreen\n                        container.classList.add('is-fullscreen');\n                        document.body.style.overflow = 'hidden';\n                        iconExpand?.classList.add('hidden');\n                        iconCollapse?.classList.remove('hidden');\n                    }\n\n                    \/\/ Reset zoom en hercentreer na fullscreen toggle\n                    setTimeout(() => {\n                        scale = 1;\n                        updateImageHeight();\n                        centerMap();\n                        apply();\n                    }, 50);\n                };\n\n                btnFullscreen?.addEventListener(\"click\", (e) => {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    toggleFullscreen();\n                });\n\n                \/\/ ESC toets om fullscreen te sluiten\n                document.addEventListener('keydown', (e) => {\n                    if (e.key === 'Escape' && container.classList.contains('is-fullscreen')) {\n                        toggleFullscreen();\n                    }\n                });\n\n                apply();\n            };\n\n            \/\/ Initialiseer alle plattegrond blokken op de pagina\n            document.querySelectorAll(\"section[id^='map-']\").forEach(bkInitMap);\n        <\/script>\n    <\/div>\n<\/section>\n\n\n<section class=\"textarea pt-0 pb-120 bg-transparent fade-up relative z-10\">\n    <div class=\"container-grid\">\n        <div class=\"tablet:col-span-8 tablet:col-start-3\">\n            <div class=\"content\">\n                <div class=\"text-center\">\n<p><a class=\"knop yellow\" href=\"\/ontdekken\/activiteiten\/\">ALLE ACTIVITEITEN<\/a><\/p>\n<\/div>\n\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":593,"parent":0,"menu_order":39,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-834","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dinoland.nl\/de\/wp-json\/wp\/v2\/pages\/834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dinoland.nl\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dinoland.nl\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dinoland.nl\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dinoland.nl\/de\/wp-json\/wp\/v2\/comments?post=834"}],"version-history":[{"count":172,"href":"https:\/\/dinoland.nl\/de\/wp-json\/wp\/v2\/pages\/834\/revisions"}],"predecessor-version":[{"id":2589,"href":"https:\/\/dinoland.nl\/de\/wp-json\/wp\/v2\/pages\/834\/revisions\/2589"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dinoland.nl\/de\/wp-json\/wp\/v2\/media\/593"}],"wp:attachment":[{"href":"https:\/\/dinoland.nl\/de\/wp-json\/wp\/v2\/media?parent=834"}],"curies":[{"name":"Welt","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}