Product support

Get help in the plugin support forum.

  • Added on Oct 3, 2021
  • Current version: 1.0.0
  • Platform Compatibility
    v3.x use latest
    v2.x use latest
    v1.x use latest
  • Created by



  • Show Google Maps in any part of the website by simple component.
  • Many map styles thanks to Snazzy Maps.
  • Data Layers for the maps: traffic conditions, public transport network, bike paths.
  • Configure map controls, e.g. full-screen mode, map type switcher, scale, etc.

Besides, many other features exist which are inherited from the parent plugin. Because the “City Google Maps” plugin is part of the “City Dynamic Maps” plugin.


The “City Dynamic Maps” plugin is required and is using for managing maps and data.

Display maps

A map appears on the page in two steps:

  1. Create a map under Backend Menu -> Dynamic Maps -> Maps. There are the basic map configurations and the possibility to choose markers and data sources.
  2. Add the component to the page where the map should appear.

Configure component

Need to select one of the created maps in the component “Map” field. Optionally, can specify "Latitude", "Longitude" and "Zoom Level". Otherwise, appropriate values from the selected map will be used. Can specify the map size with the “Width” and “Height” fields (in px, em, or %).


The plugin settings are here: Backend Menu -> Settings -> Section "City" -> Google Maps.

Google Maps API Key

The API key is a unique identifier that authenticates requests associated with your project. Please check Using API Keys - Google Documentation for more details.

Map styles

The "Style" field contains the predefined map styles. Also, it is possible to choose the "Custom Style" option and specify any other style in the "Custom Style" field.

More styles:


First version of City Google Maps

Oct 01, 2021