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":"Carlos Lencastre – Terapia Manual Avançada | Método KISEI-HŌ","address1":"Travessa da Arreganha, 2","address2":"Ericeira, Portugal","coords":{"lat":38.9722744,"lng":-9.4158914},"placeId":"ChIJsaiqPwAnHw0RxmE-Zl65rRM"} ], "mapOptions": {"center":{"lat":38.0,"lng":-100.0},"fullscreenControl":true,"mapTypeControl":false,"streetViewControl":false,"zoom":4,"zoomControl":true,"maxZoom":17,"mapId":""}, "mapsApiKey": "YOUR_API_KEY_HERE", "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); });