Map Block
Map Block options:
- Map API type – choose Google Maps API type from Google Maps Embed API or Google Maps JavaScript API.
- Addresses (separated by |) – set the address of your marker/markers.
- Info (separated by |) – add info to your marker/markers.
- Marker links (separated by |) – you can add a link to your map marker. It is recommended to put link to Google My Business.
- Map center latitude – set latitude for the center of your map.
- Map center longitude – set longitude for the center of your map.
- Show info boxes on markers – choose whether to show info boxes on your markers.
- Map type – choose map type from roadmap, satelite, hybrid or terrain.
- Zoom – set the zoom from 1 to 18.
- Draggable – you can make your map draggable.
- Scroll wheel – you can choose to zoom in and out by scrolling.
- Scale control – show or hide scale control.
- Zoom control – show or hide zoom control.
- Map type control – you can show or hide map type control option.
- Street view control – you can show or hide street view control option.
- Fullscreen control – you can show or hide fullscreen view control option.
- Full width – set your map to full page width.
- Width – set your map’s width using any CSS-compatible width value.
- Height – set your map’s height using any CSS-compatible height value.
- Minimum height – set your map’s minimum height using any CSS-compatible height value.
- Marker image – you can substitute the default marker with a custom image. Choose an image from your WordPress Media Library or upload a file from your computer.
- Marker animation – you can animate your marker. Choose animation from drop, bounce, or none.
- Hue – add hue to your map.
- Custom style – you can add a custom JSON code to style your map even further, for example using: https://mapstyle.withgoogle.com/. If you leave this option empty, the default style from Customize > Maps will be applied.
- Class – add a custom CSS class to your map.
- ID – add a custom CSS ID to your map.
- Style – add an inline CSS style to your map.