🏡 Home 📖 Chapter 👉 Next

⚡  GMapsBook.com is crafted by Jozef Sorocin (🟢 Book a consulting hour) and powered by:

• g-Xperts (Google Cloud & Business Profile Partner)
• Spatialized.io (Elasticsearch & Google Maps consulting).
• and Garages-Near-Me.com (Effortless parking across Germany)

You’ve probably seen many stylistic variations of Google Maps out there on the interwebs:

Sample basemaps

In this chapter we’ll explore how to:

• override the default landscape, water, and road colors
• adjust the density of points of interest (POIs) to suit your business needs
• reuse brand-specific map styles across multiple map instances.

Scenario

I’m running a chain of restaurants, each of which has its own URL and I’d like to:

1. Display a Google Map on each website.
2. Adjust the base map look & feel to fit my brand.
3. Hide the pins of my competitors’ places + all other “irrelevant” POIs.

Approach

The old-school way

To override the basemap’s color scheme in the old days, you had to resort to what’s called JSON styling. For instance, if you wanted to set the water color to #7bb8f5, you’d:

• go to SnazzyMaps.com or Google’s Styling Wizard and open the styling editor