How to apply Google Maps API v3 map style / land style

Question

I am trying to create my google map so that it blends well in my web layout. Here is the style I'm using now. Does anyone know how to make all ground mapping in a specific hex? I tried this with the "Administrative.country" featureType function with no luck.

var myStyle = [ { featureType: "administrative", elementType: "labels", stylers: [ { visibility: "off" } ] },{ featureType: " administrative.country", elementType: "geometry", stylers: [ { hue:"#6E6E6E"} ] },{ featureType: "poi", elementType: "labels", stylers: [ { visibility: "off" } ] },{ featureType: "water", elementType: "labels", stylers: [ { visibility: "off" } ] },{ featureType: "road", elementType: "labels", stylers: [ { visibility: "off" } ] } ]; 

Answer 1

It was possible to team up with the style master here to determine that you want to use the landscape function as follows:

 [ { featureType: "landscape", elementType: "geometry", stylers: [ { hue: "#ff2200" }, { saturation: 85 }, { lightness: -42 } ] } ] 

An example of using this style.

Answer 2

You can use http://googlemapscolorizr.stadtwerk.org/ to check the map. It also calculates the saturation and ease of displaying the correct Hex color.

Answer 3

Styling your google map has never been so easy. mapstylr.com