{"id":294,"date":"2013-08-11T18:47:13","date_gmt":"2013-08-11T18:47:13","guid":{"rendered":"http:\/\/localhost:8888\/test\/?page_id=514"},"modified":"2025-03-25T02:05:06","modified_gmt":"2025-03-25T02:05:06","slug":"map","status":"publish","type":"page","link":"https:\/\/psychedelicboutiquefrance.com\/fr\/elements\/map\/","title":{"rendered":"Map"},"content":{"rendered":"\n\t<script type=\"text\/javascript\">\n  jQuery( document ).ready(function() {\n    function initialize() {\n        var styles = {\n            'flatsome':  [{\n            \"featureType\": \"administrative\",\n            \"stylers\": [\n              { \"visibility\": \"on\" }\n            ]\n          },\n          {\n            \"featureType\": \"road\",\n            \"stylers\": [\n              { \"visibility\": \"on\" },\n              { \"hue\": \"\" }\n            ]\n          },\n          {\n            \"stylers\": [\n\t\t\t  { \"visibility\": \"on\" },\n\t\t\t  { \"hue\": \"\" },\n\t\t\t  { \"saturation\": -100 }\n            ]\n          }\n        ]};\n\n        var myLatlng = new google.maps.LatLng(40.79022, -73.95981);\n        var myOptions = {\n            zoom: 17,\n            center: myLatlng,\n            mapTypeId: google.maps.MapTypeId.ROADMAP,\n            disableDefaultUI: true,\n            mapTypeId: 'flatsome',\n            draggable: true,\n            zoomControl: false,\n            zoomControlOptions: {\n              position: google.maps.ControlPosition.TOP_LEFT\n            },\n      \t\t\t\/\/ panControl: false,\n            \/\/ panControlOptions: {\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\n            \/\/ },\n      \t\t\tmapTypeControl: false,\n            mapTypeControlOptions: {\n              position: google.maps.ControlPosition.TOP_LEFT\n            },\n      \t\t\t\/\/ scaleControl: false,\n            \/\/ scaleControlOptions: {\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\n            \/\/ },\n      \t\t\tstreetViewControl: false,\n            streetViewControlOptions: {\n              position: google.maps.ControlPosition.TOP_LEFT\n            },\n      \t\t\t\/\/ overviewMapControl: false,\n            \/\/ overviewMapControlOptions: {\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\n            \/\/ },\n            scrollwheel: false,\n            disableDoubleClickZoom: true\n        }\n        var map = new google.maps.Map(document.getElementById(\"map-1059815319-inner\"), myOptions);\n        var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'});\n        map.mapTypes.set('flatsome', styledMapType);\n\n        var marker = new google.maps.Marker({\n            position: myLatlng,\n            map: map,\n            title:\"\"\n        });\n    }\n\n    \/\/ Required to proceed\n    if (!(typeof google === 'object' && typeof google.maps === 'object')) {\n      return\n    }\n\n    google.maps.event.addDomListener(window, 'load', initialize);\n    google.maps.event.addDomListener(window, 'resize', initialize);\n    });\n    <\/script>\n\n    <div class=\"google-map relative mb\" id=\"map-1059815319\">\n        <div class=\"map-height\" id=\"map-1059815319-inner\"><\/div>\n        <div id=\"map_overlay_top\"><\/div>\n        <div id=\"map_overlay_bottom\"><\/div>\n                  <div class=\"map_inner map-inner last-reset absolute x0 md-x50 lg-x50 y50 md-y50 lg-y50\">\n              \n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/psychedelicboutiquefrance.com\/fr\/elements\/map\/#GOOGLE_MAP_ELEMENT\" >GOOGLE MAP ELEMENT<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/psychedelicboutiquefrance.com\/fr\/elements\/map\/#Examples\" >Examples<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/psychedelicboutiquefrance.com\/fr\/elements\/map\/#A_map_with_a_Form\" >A map with a Form<\/a><\/li><\/ul><\/nav><\/div>\n<h3 class=\"uppercase\"><span class=\"ez-toc-section\" id=\"GOOGLE_MAP_ELEMENT\"><\/span><strong>GOOGLE MAP ELEMENT<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"lead\">Add highly customisable Google Maps to any page.<\/p>\n         <\/div>\n       \n       \n<style>\n#map-1059815319 .map-inner {\n  background-color: rgb(255, 255, 255);\n  max-width: 100%;\n}\n#map-1059815319 .map-height {\n  height: 400px;\n}\n@media (min-width:550px) {\n  #map-1059815319 .map-inner {\n    max-width: 30%;\n  }\n}\n<\/style>\n    <\/div>\n\n\t\n<div class=\"container section-title-container\" style=\"margin-top:14px;\"><h3 class=\"section-title section-title-center\"><span class=\"ez-toc-section\" id=\"Examples\"><\/span><b><\/b><span class=\"section-title-main\" >Examples<\/span><b><\/b><span class=\"ez-toc-section-end\"><\/span><\/h3><\/div>\n<div class=\"row\"  id=\"row-2046061275\">\n\n\t<div id=\"col-484421231\" class=\"col medium-6 small-12 large-6\"  >\n\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<script type=\"text\/javascript\">\n  jQuery( document ).ready(function() {\n    function initialize() {\n        var styles = {\n            'flatsome':  [{\n            \"featureType\": \"administrative\",\n            \"stylers\": [\n              { \"visibility\": \"on\" }\n            ]\n          },\n          {\n            \"featureType\": \"road\",\n            \"stylers\": [\n              { \"visibility\": \"on\" },\n              { \"hue\": \"\" }\n            ]\n          },\n          {\n            \"stylers\": [\n\t\t\t  { \"visibility\": \"on\" },\n\t\t\t  { \"hue\": \"\" },\n\t\t\t  { \"saturation\": -30 }\n            ]\n          }\n        ]};\n\n        var myLatlng = new google.maps.LatLng(40.79028, -73.95972);\n        var myOptions = {\n            zoom: 17,\n            center: myLatlng,\n            mapTypeId: google.maps.MapTypeId.ROADMAP,\n            disableDefaultUI: true,\n            mapTypeId: 'flatsome',\n            draggable: true,\n            zoomControl: false,\n            zoomControlOptions: {\n              position: google.maps.ControlPosition.TOP_LEFT\n            },\n      \t\t\t\/\/ panControl: false,\n            \/\/ panControlOptions: {\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\n            \/\/ },\n      \t\t\tmapTypeControl: false,\n            mapTypeControlOptions: {\n              position: google.maps.ControlPosition.TOP_LEFT\n            },\n      \t\t\t\/\/ scaleControl: false,\n            \/\/ scaleControlOptions: {\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\n            \/\/ },\n      \t\t\tstreetViewControl: false,\n            streetViewControlOptions: {\n              position: google.maps.ControlPosition.TOP_LEFT\n            },\n      \t\t\t\/\/ overviewMapControl: false,\n            \/\/ overviewMapControlOptions: {\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\n            \/\/ },\n            scrollwheel: false,\n            disableDoubleClickZoom: true\n        }\n        var map = new google.maps.Map(document.getElementById(\"map-1902482523-inner\"), myOptions);\n        var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'});\n        map.mapTypes.set('flatsome', styledMapType);\n\n        var marker = new google.maps.Marker({\n            position: myLatlng,\n            map: map,\n            title:\"\"\n        });\n    }\n\n    \/\/ Required to proceed\n    if (!(typeof google === 'object' && typeof google.maps === 'object')) {\n      return\n    }\n\n    google.maps.event.addDomListener(window, 'load', initialize);\n    google.maps.event.addDomListener(window, 'resize', initialize);\n    });\n    <\/script>\n\n    <div class=\"google-map relative mb\" id=\"map-1902482523\">\n        <div class=\"map-height\" id=\"map-1902482523-inner\"><\/div>\n        <div id=\"map_overlay_top\"><\/div>\n        <div id=\"map_overlay_bottom\"><\/div>\n                  <div class=\"map_inner map-inner last-reset absolute x95 md-x95 lg-x95 y95 md-y95 lg-y95\">\n              \n<p>Enter street adress here. Or any other information you want.<\/p>\n         <\/div>\n       \n       \n<style>\n#map-1902482523 .map-inner {\n  background-color: #fff;\n  max-width: 30%;\n}\n#map-1902482523 .map-height {\n  height: 400px;\n}\n<\/style>\n    <\/div>\n\n\t\n\t\t<\/div>\n\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1377096507\" class=\"col medium-6 small-12 large-6\"  >\n\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<script type=\"text\/javascript\">\n  jQuery( document ).ready(function() {\n    function initialize() {\n        var styles = {\n            'flatsome':  [{\n            \"featureType\": \"administrative\",\n            \"stylers\": [\n              { \"visibility\": \"on\" }\n            ]\n          },\n          {\n            \"featureType\": \"road\",\n            \"stylers\": [\n              { \"visibility\": \"on\" },\n              { \"hue\": \"\" }\n            ]\n          },\n          {\n            \"stylers\": [\n\t\t\t  { \"visibility\": \"on\" },\n\t\t\t  { \"hue\": \"\" },\n\t\t\t  { \"saturation\": -30 }\n            ]\n          }\n        ]};\n\n        var myLatlng = new google.maps.LatLng(40.79028, -73.95972);\n        var myOptions = {\n            zoom: 17,\n            center: myLatlng,\n            mapTypeId: google.maps.MapTypeId.ROADMAP,\n            disableDefaultUI: true,\n            mapTypeId: 'flatsome',\n            draggable: true,\n            zoomControl: true,\n            zoomControlOptions: {\n              position: google.maps.ControlPosition.TOP_LEFT\n            },\n      \t\t\t\/\/ panControl: true,\n            \/\/ panControlOptions: {\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\n            \/\/ },\n      \t\t\tmapTypeControl: true,\n            mapTypeControlOptions: {\n              position: google.maps.ControlPosition.TOP_LEFT\n            },\n      \t\t\t\/\/ scaleControl: true,\n            \/\/ scaleControlOptions: {\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\n            \/\/ },\n      \t\t\tstreetViewControl: true,\n            streetViewControlOptions: {\n              position: google.maps.ControlPosition.TOP_LEFT\n            },\n      \t\t\t\/\/ overviewMapControl: true,\n            \/\/ overviewMapControlOptions: {\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\n            \/\/ },\n            scrollwheel: false,\n            disableDoubleClickZoom: true\n        }\n        var map = new google.maps.Map(document.getElementById(\"map-1169460591-inner\"), myOptions);\n        var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'});\n        map.mapTypes.set('flatsome', styledMapType);\n\n        var marker = new google.maps.Marker({\n            position: myLatlng,\n            map: map,\n            title:\"\"\n        });\n    }\n\n    \/\/ Required to proceed\n    if (!(typeof google === 'object' && typeof google.maps === 'object')) {\n      return\n    }\n\n    google.maps.event.addDomListener(window, 'load', initialize);\n    google.maps.event.addDomListener(window, 'resize', initialize);\n    });\n    <\/script>\n\n    <div class=\"google-map relative mb\" id=\"map-1169460591\">\n        <div class=\"map-height\" id=\"map-1169460591-inner\"><\/div>\n        <div id=\"map_overlay_top\"><\/div>\n        <div id=\"map_overlay_bottom\"><\/div>\n                  <div class=\"map_inner map-inner last-reset absolute x95 md-x95 lg-x95 y95 md-y95 lg-y95\">\n              \n<p><strong>Map With Tools<\/strong><\/p>\n         <\/div>\n       \n       \n<style>\n#map-1169460591 .map-inner {\n  background-color: #fff;\n  max-width: 30%;\n}\n#map-1169460591 .map-height {\n  height: 400px;\n}\n<\/style>\n    <\/div>\n\n\t\n\t\t<\/div>\n\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1315588061\" class=\"col medium-6 small-12 large-6\"  >\n\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<script type=\"text\/javascript\">\n  jQuery( document ).ready(function() {\n    function initialize() {\n        var styles = {\n            'flatsome':  [{\n            \"featureType\": \"administrative\",\n            \"stylers\": [\n              { \"visibility\": \"on\" }\n            ]\n          },\n          {\n            \"featureType\": \"road\",\n            \"stylers\": [\n              { \"visibility\": \"on\" },\n              { \"hue\": \"#6d5854\" }\n            ]\n          },\n          {\n            \"stylers\": [\n\t\t\t  { \"visibility\": \"on\" },\n\t\t\t  { \"hue\": \"#6d5854\" },\n\t\t\t  { \"saturation\": -30 }\n            ]\n          }\n        ]};\n\n        var myLatlng = new google.maps.LatLng(40.79028, -73.95972);\n        var myOptions = {\n            zoom: 17,\n            center: myLatlng,\n            mapTypeId: google.maps.MapTypeId.ROADMAP,\n            disableDefaultUI: true,\n            mapTypeId: 'flatsome',\n            draggable: true,\n            zoomControl: false,\n            zoomControlOptions: {\n              position: google.maps.ControlPosition.TOP_LEFT\n            },\n      \t\t\t\/\/ panControl: false,\n            \/\/ panControlOptions: {\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\n            \/\/ },\n      \t\t\tmapTypeControl: false,\n            mapTypeControlOptions: {\n              position: google.maps.ControlPosition.TOP_LEFT\n            },\n      \t\t\t\/\/ scaleControl: false,\n            \/\/ scaleControlOptions: {\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\n            \/\/ },\n      \t\t\tstreetViewControl: false,\n            streetViewControlOptions: {\n              position: google.maps.ControlPosition.TOP_LEFT\n            },\n      \t\t\t\/\/ overviewMapControl: false,\n            \/\/ overviewMapControlOptions: {\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\n            \/\/ },\n            scrollwheel: false,\n            disableDoubleClickZoom: true\n        }\n        var map = new google.maps.Map(document.getElementById(\"map-1392032208-inner\"), myOptions);\n        var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'});\n        map.mapTypes.set('flatsome', styledMapType);\n\n        var marker = new google.maps.Marker({\n            position: myLatlng,\n            map: map,\n            title:\"\"\n        });\n    }\n\n    \/\/ Required to proceed\n    if (!(typeof google === 'object' && typeof google.maps === 'object')) {\n      return\n    }\n\n    google.maps.event.addDomListener(window, 'load', initialize);\n    google.maps.event.addDomListener(window, 'resize', initialize);\n    });\n    <\/script>\n\n    <div class=\"google-map relative mb\" id=\"map-1392032208\">\n        <div class=\"map-height\" id=\"map-1392032208-inner\"><\/div>\n        <div id=\"map_overlay_top\"><\/div>\n        <div id=\"map_overlay_bottom\"><\/div>\n                  <div class=\"map_inner map-inner last-reset absolute x95 md-x95 lg-x95 y95 md-y95 lg-y95\">\n              \n<p>Use any color \u00a0for your map<\/p>\n         <\/div>\n       \n       \n<style>\n#map-1392032208 .map-inner {\n  background-color: #fff;\n  max-width: 89%;\n}\n#map-1392032208 .map-height {\n  height: 400px;\n}\n@media (min-width:550px) {\n  #map-1392032208 .map-inner {\n    max-width: 30%;\n  }\n}\n<\/style>\n    <\/div>\n\n\t\n\t\t<\/div>\n\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-295680669\" class=\"col medium-6 small-12 large-6\"  >\n\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<script type=\"text\/javascript\">\n  jQuery( document ).ready(function() {\n    function initialize() {\n        var styles = {\n            'flatsome':  [{\n            \"featureType\": \"administrative\",\n            \"stylers\": [\n              { \"visibility\": \"on\" }\n            ]\n          },\n          {\n            \"featureType\": \"road\",\n            \"stylers\": [\n              { \"visibility\": \"on\" },\n              { \"hue\": \"\" }\n            ]\n          },\n          {\n            \"stylers\": [\n\t\t\t  { \"visibility\": \"on\" },\n\t\t\t  { \"hue\": \"\" },\n\t\t\t  { \"saturation\": -100 }\n            ]\n          }\n        ]};\n\n        var myLatlng = new google.maps.LatLng(40.79028, -73.95972);\n        var myOptions = {\n            zoom: 17,\n            center: myLatlng,\n            mapTypeId: google.maps.MapTypeId.ROADMAP,\n            disableDefaultUI: true,\n            mapTypeId: 'flatsome',\n            draggable: true,\n            zoomControl: false,\n            zoomControlOptions: {\n              position: google.maps.ControlPosition.TOP_LEFT\n            },\n      \t\t\t\/\/ panControl: false,\n            \/\/ panControlOptions: {\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\n            \/\/ },\n      \t\t\tmapTypeControl: false,\n            mapTypeControlOptions: {\n              position: google.maps.ControlPosition.TOP_LEFT\n            },\n      \t\t\t\/\/ scaleControl: false,\n            \/\/ scaleControlOptions: {\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\n            \/\/ },\n      \t\t\tstreetViewControl: false,\n            streetViewControlOptions: {\n              position: google.maps.ControlPosition.TOP_LEFT\n            },\n      \t\t\t\/\/ overviewMapControl: false,\n            \/\/ overviewMapControlOptions: {\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\n            \/\/ },\n            scrollwheel: false,\n            disableDoubleClickZoom: true\n        }\n        var map = new google.maps.Map(document.getElementById(\"map-2134815489-inner\"), myOptions);\n        var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'});\n        map.mapTypes.set('flatsome', styledMapType);\n\n        var marker = new google.maps.Marker({\n            position: myLatlng,\n            map: map,\n            title:\"\"\n        });\n    }\n\n    \/\/ Required to proceed\n    if (!(typeof google === 'object' && typeof google.maps === 'object')) {\n      return\n    }\n\n    google.maps.event.addDomListener(window, 'load', initialize);\n    google.maps.event.addDomListener(window, 'resize', initialize);\n    });\n    <\/script>\n\n    <div class=\"google-map relative mb\" id=\"map-2134815489\">\n        <div class=\"map-height\" id=\"map-2134815489-inner\"><\/div>\n        <div id=\"map_overlay_top\"><\/div>\n        <div id=\"map_overlay_bottom\"><\/div>\n                  <div class=\"map_inner map-inner last-reset absolute x5 md-x5 lg-x5 y5 md-y5 lg-y5\">\n              \n<p>Enter street adress here. Or any other information you want.<\/p>\n         <\/div>\n       \n       \n<style>\n#map-2134815489 .map-inner {\n  background-color: #fff;\n  max-width: 86%;\n}\n#map-2134815489 .map-height {\n  height: 400px;\n}\n@media (min-width:550px) {\n  #map-2134815489 .map-inner {\n    max-width: 30%;\n  }\n}\n<\/style>\n    <\/div>\n\n\t\n\t\t<\/div>\n\t\t\t<\/div>\n\n\t\n<\/div>\n\n\t<script type=\"text\/javascript\">\n  jQuery( document ).ready(function() {\n    function initialize() {\n        var styles = {\n            'flatsome':  [{\n            \"featureType\": \"administrative\",\n            \"stylers\": [\n              { \"visibility\": \"on\" }\n            ]\n          },\n          {\n            \"featureType\": \"road\",\n            \"stylers\": [\n              { \"visibility\": \"on\" },\n              { \"hue\": \"\" }\n            ]\n          },\n          {\n            \"stylers\": [\n\t\t\t  { \"visibility\": \"on\" },\n\t\t\t  { \"hue\": \"\" },\n\t\t\t  { \"saturation\": 44 }\n            ]\n          }\n        ]};\n\n        var myLatlng = new google.maps.LatLng(40.79022, -73.95981);\n        var myOptions = {\n            zoom: 17,\n            center: myLatlng,\n            mapTypeId: google.maps.MapTypeId.ROADMAP,\n            disableDefaultUI: true,\n            mapTypeId: 'flatsome',\n            draggable: true,\n            zoomControl: false,\n            zoomControlOptions: {\n              position: google.maps.ControlPosition.TOP_LEFT\n            },\n      \t\t\t\/\/ panControl: false,\n            \/\/ panControlOptions: {\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\n            \/\/ },\n      \t\t\tmapTypeControl: false,\n            mapTypeControlOptions: {\n              position: google.maps.ControlPosition.TOP_LEFT\n            },\n      \t\t\t\/\/ scaleControl: false,\n            \/\/ scaleControlOptions: {\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\n            \/\/ },\n      \t\t\tstreetViewControl: false,\n            streetViewControlOptions: {\n              position: google.maps.ControlPosition.TOP_LEFT\n            },\n      \t\t\t\/\/ overviewMapControl: false,\n            \/\/ overviewMapControlOptions: {\n            \/\/   position: google.maps.ControlPosition.TOP_LEFT\n            \/\/ },\n            scrollwheel: false,\n            disableDoubleClickZoom: true\n        }\n        var map = new google.maps.Map(document.getElementById(\"map-1790147330-inner\"), myOptions);\n        var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'});\n        map.mapTypes.set('flatsome', styledMapType);\n\n        var marker = new google.maps.Marker({\n            position: myLatlng,\n            map: map,\n            title:\"\"\n        });\n    }\n\n    \/\/ Required to proceed\n    if (!(typeof google === 'object' && typeof google.maps === 'object')) {\n      return\n    }\n\n    google.maps.event.addDomListener(window, 'load', initialize);\n    google.maps.event.addDomListener(window, 'resize', initialize);\n    });\n    <\/script>\n\n    <div class=\"google-map relative mb\" id=\"map-1790147330\">\n        <div class=\"map-height\" id=\"map-1790147330-inner\"><\/div>\n        <div id=\"map_overlay_top\"><\/div>\n        <div id=\"map_overlay_bottom\"><\/div>\n                  <div class=\"map_inner map-inner last-reset absolute x100 md-x95 lg-x95 y100 md-y10 lg-y10\">\n              \n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-normal\"><span class=\"ez-toc-section\" id=\"A_map_with_a_Form\"><\/span><b><\/b><span class=\"section-title-main\" ><i class=\"icon-envelop\" ><\/i>A map with a Form<\/span><b><\/b><span class=\"ez-toc-section-end\"><\/span><\/h3><\/div>\n<p>(insert contact form here)<\/p>\n         <\/div>\n       \n       \n<style>\n#map-1790147330 .map-inner {\n  background-color: rgba(255, 255, 255, 0.85);\n  max-width: 100%;\n}\n#map-1790147330 .map-height {\n  height: 589px;\n}\n@media (min-width:550px) {\n  #map-1790147330 .map-inner {\n    max-width: 30%;\n  }\n}\n<\/style>\n    <\/div>\n\n\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":219,"parent":299,"menu_order":20,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-294","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/psychedelicboutiquefrance.com\/fr\/wp-json\/wp\/v2\/pages\/294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/psychedelicboutiquefrance.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/psychedelicboutiquefrance.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/psychedelicboutiquefrance.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/psychedelicboutiquefrance.com\/fr\/wp-json\/wp\/v2\/comments?post=294"}],"version-history":[{"count":1,"href":"https:\/\/psychedelicboutiquefrance.com\/fr\/wp-json\/wp\/v2\/pages\/294\/revisions"}],"predecessor-version":[{"id":356,"href":"https:\/\/psychedelicboutiquefrance.com\/fr\/wp-json\/wp\/v2\/pages\/294\/revisions\/356"}],"up":[{"embeddable":true,"href":"https:\/\/psychedelicboutiquefrance.com\/fr\/wp-json\/wp\/v2\/pages\/299"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/psychedelicboutiquefrance.com\/fr\/wp-json\/wp\/v2\/media\/219"}],"wp:attachment":[{"href":"https:\/\/psychedelicboutiquefrance.com\/fr\/wp-json\/wp\/v2\/media?parent=294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}