How to create a black and white Google Map

Embedding a Google Map into a webpage is a quick and easy way to give your users accurate location information. But if you don’t like the standard colour scheme, or it clashes with the branding of your website, there is a very easy way to make the map black and white. That way you still have useful map but now it’s a muted shade that looks stylish and works with virtually any colour scheme.

Here are 5 simple steps to change the colour of an embedded Google Map:

Step 1

Create a container for your map.

Place this anywhere on your page where you want the map to appear. You will also need to apply a height to the map container to make the map visible.

Step 2

Include the Google Maps API at the bottom of your HTML page, above the closing