Maps - Related Blocks
📝 Note: These blocks are part of the Otter Blocks plugin, which you can get from here.
📝 Note: The blocks' appearance can be improved using the Otter features, such as Transform to Sticky, Visibility conditions, Dynamic Values or Images, as well as Counting / Typing / Loading animations, and Patterns.
Increase your website's utility by using Otter's location blocks:
|| Google Maps
As expected from the name, this block generates a map on your website.
The specific customizations available for this block cover four areas:
- Location - insert the location that you want to highlight on the map, it will automatically generate latitude and longitude, or directly add these coordinates.
- Positioning & Zooming - adjust the Map Zoom Level and Map Height, to create a nice appearance on the website.
- Controls - from here, you can enable the draggable Map so that the user can move the map, or zoom control, to zoom in or out of the map.
- Markers - can be added by clicking on the 📌 icon, adding a title, and location details, for a better search.
Use cases for the Maps block
- offer a dynamic location of your company
📍 Google Maps
Create a more interactive website using Google Maps. To use this block, you need to create a Google API Key, using specific restrictions. Follow the documentation available inside the block to create such a key.
To insert the API Key in Otter, navigate to Dashboard > Otter > Settings > Integrations:
Google Maps' settings offer more design enhancements, so besides the usual map's settings, you can find:
- Map Type - under Positioning & Zooming, choose the suitable type from the dropdown, including Road Map, Sattelite View, Hybrid, and Terrain.
- Enable Full Screen Control and Street View Control from the Controls accordion, allowing your user to take full advantage of accessibility.
- Pick different colors for the Marker while editing it.
Use cases for the Google Maps block
- create a more authentic view of a location
📝 Note: Unlock more features using the PRO version of the plugin.