Streaming live at 10am (PST)

How to Add Google Dark Map mode in Webflow


#1

I Just browsing the internet and found something cool “A Dark or Custom Color Google Map”.
But When I go to my website and Try to use it nothing will showing there.
I don’t know how I can implement that coding on my website threw webflow.

Here is the link to the google map Styling Script:
https://developers.google.com/maps/documentation/javascript/styling

If anybody knows how to use it in the webflow Please tell me.


#2

No way by webflow widget (I almost sure).

But by simple copy-paste the js (before body) + add empty div with #id of map it should work fine (You should know a little JS).

Map style

(Output the JSON and again copy==>paste)
https://mapstyle.withgoogle.com/

Get API Key

To use the Maps JavaScript API, you must register your app project on the Google Cloud Platform Console and get a Google API key which you can add to your app.

https://developers.google.com/maps/documentation/javascript/get-api-key

Webflow custom code


#3

in my opinion no way to do it


#4

Snazzy Maps is probably the best and easiest way to go here!


#5

I was just pasting a link to Snazzy Maps too!
:+1::nerd_face::round_pushpin: