Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is it possible to customize the color scheme of a Google Map?

I'm using the Google Maps API and would like it to render a very simple image of countries/continents.

I also want to draw them in a suitable color that will work well with my site's color scheme.

Would I need to create my own tile-server? Or can I customize this somehow through the API?

like image 960
Jonathan Avatar asked Jan 10 '10 03:01

Jonathan


People also ask

How do I customize a Google map style?

In the Google Cloud Console, go to the Map Styles page. Select the style you want, and click Customize Style.

Can we customize your own Google Map?

A custom map in Google Maps can be customized with various different components. You can add marker points, shapes or lines, as well as directions directly onto the map.

Can you color code saved places on Google Maps?

To color-code your map, just use the same method for the icons – click on the destination and when the box pops up, just click on whatever color you want to make it. You can make all restaurants blue, all shopping pink, all parks green, etc.


3 Answers

Google recently announced support for Styled Maps in the Google Maps API. You can extensively customize the color scheme used by Google Maps.

like image 120
RedBlueThing Avatar answered Oct 09 '22 11:10

RedBlueThing


It is possible now with the Google maps V3 API. It comes as a custom map style.

Google made a style wizard: https://mapstyle.withgoogle.com/

like image 27
meo Avatar answered Oct 09 '22 12:10

meo


Google Maps API v3. Working jsFiddle:

jsFiddle ---------------------------------------> http://jsfiddle.net/SQvej/

styles:[
    { featureType: "water", stylers: [ { hue: "#F4B741"} ] },
    { featureType: "road", stylers: [ { hue: "#ff0000" } ] }
]

Less words, more fiddles: http://24.media.tumblr.com/tumblr_m0i1emsdP31qaebp2o1_400.gif

like image 12
lito Avatar answered Oct 09 '22 11:10

lito