Working with Google Maps
If you are embedding Google Maps into your website, you can block the codes as follows.
Original code example:
<iframe
src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d32312.5260948709!2d16.593584727246082!3d59.590840662540685!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sde!2sse!4v1576536228940!5m2!1sde!2sse"
width="600" height="450" frameborder="0"
style="border:0;" allowfullscreen=""></iframe>Changed code example:
<iframe
class="cmplazyload"
src="about:blank"
data-cmp-vendor="s1104"
data-cmp-src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d32312.5260948709!2d16.593584727246082!3d59.590840662540685!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sde!2sse!4v1576536228940!5m2!1sde!2sse"
width="600" height="450" frameborder="0"
style="border:0;" allowfullscreen=""></iframe>Google Maps via API
For Google Maps integration via the API we cannot present you any standards or integration examples since there are too many integration options on customer side.
Please refer to the examples of manual blocking:
https://help.consentmanager.net/books/cmp/page/how-to-block-third-party-codes-cookies-if-no-consent-is-given
Here is an example to integrate dynamic content blocking for your Google Maps JS API
<script src=""
data-cmp-src="https://maps.googleapis.com/maps/api/js?key=....."
data-cmp-vendor="s1104"
data-cmp-preview="500x300"
data-cmp-preview-headline="Your headline"
data-cmp-preview-text="Accept"
data-cmp-preview-btn="Text for your button"
data-cmp-preview-checkbox="Text for your checkbox"
data-cmp-preview-image="https://..........jpg"
data-cmp-preview-bgcolor="#000"
class="cmplazyload">
</script>Useful links
Javascript API:
https://help.consentmanager.net/books/cmp/page/javascript-api
CMP events:
https://help.consentmanager.net/books/cmp/page/cmp-events
If you want to add a preview consent overlay, please refer to here:
https://help.consentmanager.net/books/cmp/page/dynamic-content-blocking
