Custom google map

[Macker (Chris MacDonald)]

Hey guys,

I’ve managed to get my website to load google maps using CMS locations of our offices, but I would like to be able to style the map a little. Specifically I would like to remove some of (or all) of the other local businesses tags from the map, and perhaps greyscale/desaturated/our corporate colour palette (#71acb2).

I just want a nice, clean, minimal look with our business and transport hubs/locations displayed.

I’ve searched the forums and tried several custom map making websites, all with varying degrees of failure.

Here is the current map: Offices

And the read-only link: https://preview.webflow.com/preview/roberts-limbrick?preview=17cf1ed66cc0eb6e9c6cc667f77ae01f

Any help would be much appreciated.

[samliew (webflowexpert.com)]

Something like this perhaps? Google Maps with Snazzy Maps theme hooked up to a dynamic embed and dynamic fields

[Macker (Chris MacDonald)]

That’s perfect, and it’s worked well too however when I click on the location “tag” on our office, none of the office details come up?

I’ve published the changes, so you should see what I mean.

[samliew (webflowexpert.com)]

What’s the error in the console?

[Macker (Chris MacDonald)]

Sorry, what error do you mean?

[Elfsight (Max)]

Hello Macker!

I think, our Store Locator, based on Google map will be the solution for you: Google Maps widget for website. Free, advanced and easy-to-use. (the link is to the online demo).

Our widget will allow you to: put unique markers, set routs, customize the map (change colors, layout, and elements), create cards for your markers and many more.

If you got interested in this app, see a tutorial for installation: How to Add Google Maps to Webflow - Free Store Locator (no coding skills needed and it will take just two minutes).

Thank you for reading this! I hope it will help!