Skip to main content
  • X Twitter
  • youtube
Home
Drupal 4U
Built for AI. Powered by Drupal.
  • Home
  • Showcases
  • Services
  • Blog
  • Themes
  • About
  • Contact

Breadcrumb

  1. Home
  2. Tips and Tricks
  3. GMap Module for Drupal 10/9: Styled Google Map

GMap Module for Drupal 10/9: Styled Google Map

Tips and Tricks
October 29, 2023
Profile picture for user drupal
By drupal
  • facebook-f
  • twitter
  • envelope
  • print
1174

Did you use the GMap Module for your Drupal 7 website and you are looking for alternatives for Drupal 10? Do you need to create a Google Map view with multiple locations? Do you need a field formatter with a broad scope of options? The the Drupal 10/9 module Styled Google Map is the solution.

The Drupal 10/9 module Styled Google Map offers you a field formatter for the Geofield with a very broad scope of options. You can use this field formatter with nodes, blocks and other types of content. Furthermore Styled Google Map very easily integrates with views for maps with multiple locations and offers you also there an outstanding scope of options.

Multiple locations and clustering

Add multiple locations to the map by enabling the styled_google_views module (from 7.x-2.0, 8.x-2.0-alpha1 onwards) or by just enabling the main module (from 8.x-2.0-rc4 onwards). Simply create a view with the Styled Google Map Format and add in minimum a Geofield to the view. You can add a title and many other fields which you can re-use and configure among many other options in the Styled Google Map format settings.

What are the possibilities?

  • 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 by using the Stream Wrapper module. An example image exists in the module.
  • Add a simple popup, by just selecting the content field you want to use.
  • 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.
  • You can add or remove any control from the map.
  • Google API Key usage under: admin/config/content/styled_google_map (7.x) OR admin/config/services/styled_google_map (8.x)
  • and many more

Enjoy this outstanding module :-)

GMap Module for Drupal 10/9: Styled Google Map
Modules

Read more articles

Newer
Drupal migration: Export from Drupal 8, import into Drupal 9
Older
The best free stock image websites for your Drupal project (2024)
  • Log in to post comments
Profile picture for user drupal
drupal
1174
1
min read
A- A+
  • facebook-f
  • twitter
  • envelope
  • print

Contact Us

Get in touch for questions and our Drupal development, design and optimization services.

Contact Us

We aim to reply the latest within 48h.

Drupal 4U: Built for AI. Powered by Drupal.

We are a group of Drupal designers, developers and webmasters. We are Drupal experts! We provide comprehensive services that go beyond traditional web development, focusing on how AI understands, interprets, and cites your content. With our deep expertise in Drupal's architecture, we build the intelligent core of your digital presence, ensuring your brand remains authoritative and visible in a world where AI is the primary gatekeeper of information. Partner with us and let's future-proof your digital strategy together.

  • X Twitter
  • youtube

Drupal Services

  • Drupal Web Design
  • Drupal Development
  • Drupal SEO
  • Drupal GEO
  • Drupal Migration

Drupal 4U

  • Services
  • Showcases
  • Themes
  • Blog
  • About

Drupal Links

  • Official Drupal Website
  • Theme Forest
  • Gaivas Themes
  • More Than Themes
  • DXPR: Drupal for Marketers
  • Drupal Answers
2012 - 2025, Drupal 4U

Footer menu

  • Contact
Home
Drupal 4U
Built for AI. Powered by Drupal.
  • Home
  • Showcases
  • Services
  • Blog
  • Themes
  • About
  • Contact
Clear keys input element