background preloader

Customize Google Maps

Facebook Twitter

Snazzy Maps - Color Schemes for Google Maps. TileMill. Google Maps Colorizr. Maps Javascript API V3 Styling - Google Maps JavaScript API V3 - Google Code. Overview Styled maps allow you to customize the presentation of the standard Google base maps, changing the visual display of such elements as roads, parks, and built-up areas.

There are two ways to apply styles to a map: By setting the .styles property of the map's MapOptions object. This approach changes the style of the standard map types (base imagery in terrain and satellite views is not affected, but roads, labels, etc. respect styling rules). See Changing the Default Map Style. Both approaches take an array of MapTypeStyles, each of which is composed of selectors and stylers.

Style Syntax Styled maps use two concepts to apply colors and changes to a map: Map features are the geographic elements that can be targeted on the map. Map features and stylers are combined into a style array, which is passed to the default map's MapOptions object, or to the StyledMapType constructor. Its component pieces are described below. Map Features For example: Stylers The Hue, Saturation, Lightness Model.