Skip to main content

Google Maps Component

This component will enable the google maps rendering.

Enable Component​

import {GoogleMaps} from '@open-dxp/js-toolbox';
document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.toolbox-googlemap').forEach((el) => {
        new GoogleMaps(el);
    });
});

Extended Usage​

let map = new GoogleMaps(el, {
    emptyInfoWindowHtml: '<div class="info-window"><div class="loading"></div></div>',
});

map.resize()

Use resize method e.g. for Bootstrap collapsed elements:

document.addEventListener('shown.bs.collapse', (ev) => {
    map.resize()
});