01_googleMaps.md

Google Maps Component

This component will enable the google maps rendering.

Enable Component

import {GoogleMaps} from 'js-pimcore-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()
});