Google Map Block
The Google Map Block allows you to seamlessly integrate Google Maps into your website. Whether you’re showcasing a specific location or providing directions, this block simplifies the process.
Google Map
Easily embed a Google Map on your page. Simply fill in an address field, adjust the zoom level, select a map type, and you’re done. This option uses an iframe to embed the Google Map.
Google Map with API Key
For enhanced features, obtain a Google API key by following the instructions in this help article: ‘Setting up API keys.’ Once activated, paste the key in the ‘Site Settings’ tab on the Site page after login.
To display a map, obtain latitude and longitude data:
- Open Google Maps.
- Search for your location.
- Right-click on the specific point on the map.
- Copy the displayed latitude and longitude from the pop-up.
Options
Customize an info window at the pin location. Utilize the ‘Directions’ field to open a map with directions to the specified location. Dark mode compatibility ensures a seamless visual experience, unlike iframe maps that may not adjust and only display in ‘light mode.’