Comment nous trouver<\/title>\n \t<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.css\" \/>\n<style>\n \/* Map container *\/\n #map {\n height: 500px; \/* Customize the map height as needed *\/\n width: 100%;\n margin-top: 20px; \/* Add margin to prevent overlap *\/\n }<\/p>\n<p> \/* Popup content *\/\n .leaflet-popup-content-wrapper {\n font-family: Arial, sans-serif;\n }\n .leaflet-popup-content {\n font-size: 14px;\n font-weight: 100; \/* Ensure text thickness matches *\/\n }\n .leaflet-popup-content h3 {\n margin: 0;\n color: #c44764; \/* Color to match contacts *\/\n font-weight: 100; \/* Ensure text thickness matches *\/\n }<\/p>\n<p> \/* Link style *\/\n .link {\n color: #c44864; \/* Red color for the link *\/\n font-size: 16px;\n text-decoration: none; \/* Remove underline *\/\n font-weight: 100; \/* Ensure text thickness matches *\/\n }<\/p>\n<p> .link:hover {\n text-decoration: underline; \/* Underline on hover *\/\n }<\/p>\n<p> \/* Heading style *\/\n h1 {\n font-weight: 100; \/* Thin font weight *\/\n font-family: Arial, sans-serif; \/* Set font family if needed *\/\n color: #c44764; \/* Color of the text (red) *\/\n text-align: center; \/* Center the text *\/\n margin-top: 20px; \/* Add some space above *\/\n margin-bottom: 20px; \/* Add some space below *\/\n font-size: 30px; \/* Font size for desktop *\/\n text-transform: uppercase; \/* Convert text to uppercase *\/\n }<\/p>\n<p> \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n h1 {\n font-size: 24px; \/* Font size for mobile devices *\/\n margin-bottom: 15px; \/* Adjust bottom margin for mobile *\/\n }\n #map {\n height: 300px; \/* Reduce map height for mobile *\/\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<h1>Comment nous trouver<\/h1>\n<div id=\"map\"><\/div>\n<p><br \/>\n <script src=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.js\"><\/script><br \/>\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Coordinates of the location\n var location = [51.212681, 4.417176];<\/p>\n<p> \/\/ Create the map\n var map = L.map('map', { dragging: false }).setView(location, 15);<\/p>\n<p> \/\/ Add a tile layer to the map\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n maxZoom: 19,\n attribution: '\u00a9 OpenStreetMap'\n }).addTo(map);<\/p>\n<p> \/\/ Add a marker with title\n var marker = L.marker(location).addTo(map)\n .bindPopup('<\/p>\n<h3>DermAlina<\/h3>\n<p><a href=\"https:\/\/maps.app.goo.gl\/YPmkMDZUnidEPh8h6\" target=\"_blank\" class=\"link\">Voir sur Google Maps<\/a><\/p>\n<p>')\n .openPopup();<\/p>\n<p> \/\/ Enable dragging on map click\n map.on('mousedown', function() {\n map.dragging.enable();\n });<\/p>\n<p> \/\/ Optional: Disable dragging again after panning\n map.on('dragend', function() {\n map.dragging.disable();\n });\n });\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Comment nous trouver Comment nous trouver<\/p>\n","protected":false},"author":1,"featured_media":2826,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3195","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/dermalina.be\/fr\/wp-json\/wp\/v2\/pages\/3195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dermalina.be\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dermalina.be\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dermalina.be\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dermalina.be\/fr\/wp-json\/wp\/v2\/comments?post=3195"}],"version-history":[{"count":7,"href":"https:\/\/dermalina.be\/fr\/wp-json\/wp\/v2\/pages\/3195\/revisions"}],"predecessor-version":[{"id":5252,"href":"https:\/\/dermalina.be\/fr\/wp-json\/wp\/v2\/pages\/3195\/revisions\/5252"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dermalina.be\/fr\/wp-json\/wp\/v2\/media\/2826"}],"wp:attachment":[{"href":"https:\/\/dermalina.be\/fr\/wp-json\/wp\/v2\/media?parent=3195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3195,"date":"2024-11-11T17:19:59","date_gmt":"2024-11-11T14:19:59","guid":{"rendered":"http:\/\/dermalina.be\/?page_id=3195"},"modified":"2025-11-03T12:21:56","modified_gmt":"2025-11-03T09:21:56","slug":"main-map","status":"publish","type":"page","link":"https:\/\/dermalina.be\/fr\/main-map\/","title":{"rendered":"main-map"},"content":{"rendered":"

\n
\n
\n
\n
\n Comment nous trouver<\/title>\n \t<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.css\" \/>\n<style>\n \/* Map container *\/\n #map {\n height: 500px; \/* Customize the map height as needed *\/\n width: 100%;\n margin-top: 20px; \/* Add margin to prevent overlap *\/\n }<\/p>\n<p> \/* Popup content *\/\n .leaflet-popup-content-wrapper {\n font-family: Arial, sans-serif;\n }\n .leaflet-popup-content {\n font-size: 14px;\n font-weight: 100; \/* Ensure text thickness matches *\/\n }\n .leaflet-popup-content h3 {\n margin: 0;\n color: #c44764; \/* Color to match contacts *\/\n font-weight: 100; \/* Ensure text thickness matches *\/\n }<\/p>\n<p> \/* Link style *\/\n .link {\n color: #c44864; \/* Red color for the link *\/\n font-size: 16px;\n text-decoration: none; \/* Remove underline *\/\n font-weight: 100; \/* Ensure text thickness matches *\/\n }<\/p>\n<p> .link:hover {\n text-decoration: underline; \/* Underline on hover *\/\n }<\/p>\n<p> \/* Heading style *\/\n h1 {\n font-weight: 100; \/* Thin font weight *\/\n font-family: Arial, sans-serif; \/* Set font family if needed *\/\n color: #c44764; \/* Color of the text (red) *\/\n text-align: center; \/* Center the text *\/\n margin-top: 20px; \/* Add some space above *\/\n margin-bottom: 20px; \/* Add some space below *\/\n font-size: 30px; \/* Font size for desktop *\/\n text-transform: uppercase; \/* Convert text to uppercase *\/\n }<\/p>\n<p> \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n h1 {\n font-size: 24px; \/* Font size for mobile devices *\/\n margin-bottom: 15px; \/* Adjust bottom margin for mobile *\/\n }\n #map {\n height: 300px; \/* Reduce map height for mobile *\/\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<h1>Comment nous trouver<\/h1>\n<div id=\"map\"><\/div>\n<p><br \/>\n <script src=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.js\"><\/script><br \/>\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Coordinates of the location\n var location = [51.212681, 4.417176];<\/p>\n<p> \/\/ Create the map\n var map = L.map('map', { dragging: false }).setView(location, 15);<\/p>\n<p> \/\/ Add a tile layer to the map\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n maxZoom: 19,\n attribution: '\u00a9 OpenStreetMap'\n }).addTo(map);<\/p>\n<p> \/\/ Add a marker with title\n var marker = L.marker(location).addTo(map)\n .bindPopup('<\/p>\n<h3>DermAlina<\/h3>\n<p><a href=\"https:\/\/maps.app.goo.gl\/YPmkMDZUnidEPh8h6\" target=\"_blank\" class=\"link\">Voir sur Google Maps<\/a><\/p>\n<p>')\n .openPopup();<\/p>\n<p> \/\/ Enable dragging on map click\n map.on('mousedown', function() {\n map.dragging.enable();\n });<\/p>\n<p> \/\/ Optional: Disable dragging again after panning\n map.on('dragend', function() {\n map.dragging.disable();\n });\n });\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Comment nous trouver Comment nous trouver<\/p>\n","protected":false},"author":1,"featured_media":2826,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3195","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/dermalina.be\/fr\/wp-json\/wp\/v2\/pages\/3195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dermalina.be\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dermalina.be\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dermalina.be\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dermalina.be\/fr\/wp-json\/wp\/v2\/comments?post=3195"}],"version-history":[{"count":7,"href":"https:\/\/dermalina.be\/fr\/wp-json\/wp\/v2\/pages\/3195\/revisions"}],"predecessor-version":[{"id":5252,"href":"https:\/\/dermalina.be\/fr\/wp-json\/wp\/v2\/pages\/3195\/revisions\/5252"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dermalina.be\/fr\/wp-json\/wp\/v2\/media\/2826"}],"wp:attachment":[{"href":"https:\/\/dermalina.be\/fr\/wp-json\/wp\/v2\/media?parent=3195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}