Create a styled Google map in as few steps possible. This module integrates as a geofield formatter, which means you can have all settings in one place. You have options that include setting a custom style, custom marker and custom marker icon.

Screenshots:

Demo Screenshot 1 Demo Screenshot 2 Demo Screenshot 3

Main features/ functionalities:

  • Easily add custom styles on your map:
    See snazzy maps for some copy paste styles, also use this Github page to alter them to your liking!
  • Add custom markers:
    You can add custom markers by using the Stream Wrapper module. An example image exists in the module.
  • Add a simple popup:
    You can add a simple popup by selecting the content field you want to use.
  • Advanced teaser popups:
    Create a more advanced popup with a textfield and picture by selecting the teaser view mode (or any other view mode if you are using Display Suite). A field group as fields wrapper works.
  • Customise map controls:
    You can add or remove any control from the map.
  • Multiple locations and clustering:
    Add multiple locations to the map by enabling the styled_google_views module (7.x-2.0, 8.x-2.0-alpha1). Simply create a view with the available Styled Google Map style plugin (see last screenshot).
  • Find the way to your point:
    Integration with Directions service allows you to find the directions from any point to selected location (the coordinates should come from location field)
  • Demo submodule:
    There is a demo submodule that allows you evaluate the module easily based on examples.
  • Google API Key usage:
    under: admin/config/content/styled_google_map (7.x) OR admin/config/services/styled_google_map (8.x)

Requirements/ dependencies:

  • This module has a dependency on the System Stream Wrapper module (Drupal 7). With it you can easily define your marker image location ex. theme://mytheme/images/pin.png
  • For features with multiple locations, a core views module is required.
  • Google Maps KEY

Supporting organization

1xINTERNET logo
1xINTERNET is a full-service digital agency focusing on robust and innovative digital solutions based on Drupal. As a Gold Certified Drupal Partner and active community contributor, 1xINTERNET supports clients throughout their digital transformation journey.

Supporting organizations: 

Project information

Releases