Locator
html,
body {
height: 100%;
margin: 0;
}gmpx-store-locator {
width: 100%;
height: 100%;/* These parameters customize the appearance of Locator Plus. See the documentation at
https://github.com/googlemaps/extended-component-library/blob/main/src/store_locator/README.md
for more information. */
--gmpx-color-surface: #fff;
--gmpx-color-on-surface: #212121;
--gmpx-color-on-surface-variant: #757575;
--gmpx-color-primary: #1967d2;
--gmpx-color-outline: #e0e0e0;
--gmpx-fixed-panel-width-row-layout: 28.5em;
--gmpx-fixed-panel-height-column-layout: 65%;
--gmpx-font-family-base: "Roboto", sans-serif;
--gmpx-font-family-headings: "Roboto", sans-serif;
--gmpx-font-size-base: 0.875rem;
--gmpx-hours-color-open: #188038;
--gmpx-hours-color-closed: #d50000;
--gmpx-rating-color: #ffb300;
--gmpx-rating-color-empty: #e0e0e0;
}
const CONFIGURATION = {
"locations": [
{"title":"Chimney Flue Engineers","address1":"Unit 49, Easter Park","address2":"Reading, United Kingdom","coords":{"lat":51.3688614,"lng":-1.1188575},"placeId":"ChIJp7QcsXCfdkgRyrGmoHTlDyI"}
],
"mapOptions": {"center":{"lat":38.0,"lng":-100.0},"fullscreenControl":true,"mapTypeControl":false,"streetViewControl":false,"zoom":4,"zoomControl":true,"maxZoom":17,"mapId":""},
"mapsApiKey": "AIzaSyA4R4yrd5LYXavHmaTE5vkB-Z15T8yz1xQ",
"capabilities": {"input":false,"autocomplete":false,"directions":false,"distanceMatrix":false,"details":false,"actions":false}
};
document.addEventListener('DOMContentLoaded', async () => {
await customElements.whenDefined('gmpx-store-locator');
const locator = document.querySelector('gmpx-store-locator');
locator.configureFromQuickBuilder(CONFIGURATION);
}); 
