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

T

8

35

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?

Tensive answered 10/1, 2010 at 3:55 Comment(2)

take a look at the Google Maps Color wizard: gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/… – Elias 27/6, 2011 at 9:37

Thought the question was in context with using Flex and flash My bad, ILog elixr is for flash – Mecke 14/9, 2011 at 6:40

C

35

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

Centrosymmetric answered 30/5, 2010 at 12:22 Comment(1)

snazzymaps.com this is also a great website to create/use custom styled map. – Apochromatic 15/12, 2014 at 21:43

E

24

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/

Elias answered 27/6, 2011 at 9:49 Comment(1)

Any idea why we can no longer enter a color value in the box next to Hue? – Swindell 13/4, 2012 at 9:51

L

12

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

Lucubrate answered 16/5, 2012 at 19:12 Comment(1)

I agree less words, more fiddles. Don't suppose you know how to add geo location to this fiddle and center map on current location? Thanks – Elma 20/6, 2012 at 9:39

F

4

~~No, when using the Google Maps API, you cannot change the maps themselves in any way. What you can customize, though, are the icons, logos, etc that you use.~~

EDIT: Google has since release the Styled Maps API, which will probably give you exactly what you want. Take a look at the wizard to get started quickly.

Foreside answered 10/1, 2010 at 4:10 Comment(0)

C

1

I don't think you can customise this through the Google Maps API. However, the Google Chart API has a map chart type that has customisable colours.

You might also want to investigate OpenLayers, which is an open source web-based mapping engine.

Chelsiechelsy answered 10/1, 2010 at 3:58 Comment(0)

D

0

I recently stumbled over this: http://cloudmade.com/products/style-editor They have a complete color editor an lot's of API stuff.

I didn't found something about pricing. But you can have a look into the editior here: http://maps.cloudmade.com/editor/

Decompound answered 12/2, 2013 at 22:12 Comment(0)

P

0

I try this API and is so easy to install, and the skins are fine: http://codecanyon.net/item/colorful-google-maps-api/5432242?WT.ac=new_item&WT.seg_1=new_item&WT.z_author=MaGeekLab

Perigee answered 27/8, 2013 at 10:44 Comment(0)

S

0

Here is a collection of color schemes for Google Maps: link

Actually JSON properties for the API

Strobel answered 30/11, 2013 at 5:18 Comment(0)

Recommended topics

Hot tags