Google Map Plugin

Map plugin allows you to change the map settings visually.

Plugin configuration:

  • querySelector (by default is set to “.google-map-container”) – allows you to define the item processed by the plugin.

Editor panel:

  – Trigger for the map settings display

  – Trigger for the map settings display

Map settings panel:

  • “API Key” field – allows you to set the API key to use Google Maps JavaScript API. (How to get API key)
  • “Map Center” field – allows you to set the coordinates of the map center.
  • “Zoom” field – allows you to define the zoom level.
  • “Style” select option – allows choosing the map styling.
  • “Marker Icon” and “Active Marker Icon” select options – allow you to set the marker for the default and active states.

Map pins settings panel:

    • “Marker Location” field – allows you to set the marker location
    • “Marker Description” field – allows you to specify the marker description (shows up in the active state)
    • “Add marker” button – allows to add the “Marker Location” and the “Marker Description” group for adding the new marker.