2 minutes read

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.