Click + (W) in the left dock and select the Google Maps widget to add interactive maps to your page. You must have a Google Maps API key to use this widget.
You can generate a Google API key for free, but you will have to provide billing information. If your project receives many views, Google may charge you according to its pricing terms. Learn more about how to generate an API key here.
Once you have your Google Maps API key, paste it into the corresponding field and click Apply—this will make the map visible and allow you to access settings.
Here you can change or remove the API key. You can also specify the type of map you want to display:
- Standard. Shows the default static map.
- Directions. You can specify a route for driving, bicycling, or walking.
- Custom Map. Use the Map wizard to build a custom map. Once ready, make sure to copy the generated JSON code and paste it within the settings panel.
Turn off the Controls switch to hide the map controls from visitors. Disable the ‘Zoom to Scroll’ option if you don’t want your map to zoom in/out when scrolling over it.
To specify a location, open the Edit Map control; a search field will appear on the map. You can enter the address or name of the location, paste coordinates, or use plus codes to look for the desired location.
Adding maps from other platforms
On paid plans, you can add maps from other services (e.g., Bing Maps, WAZE, Apple maps) using the Code widget. For instance, you can generate custom iframe maps using My Maps offered by Google. Microsoft Bing has a similar tool that you can check out here.