Skip to content

Instantly share code, notes, and snippets.

@hakunin
Created October 5, 2011 11:35
Show Gist options
  • Select an option

  • Save hakunin/1264250 to your computer and use it in GitHub Desktop.

Select an option

Save hakunin/1264250 to your computer and use it in GitHub Desktop.
teaculture map style test
[
{
featureType: "road.highway",
stylers: [
{ lightness: 4 },
{ saturation: -65 },
{ hue: "#00ffdd" }
]
},{
featureType: "landscape.man_made",
stylers: [
{ hue: "#ff0000" },
{ saturation: 14 }
]
},{
featureType: "road.local",
stylers: [
{ visibility: "on" },
{ hue: "#00ff22" },
{ saturation: 40 }
]
},{
featureType: "road.arterial",
stylers: [
{ hue: "#88ff00" },
{ saturation: -34 }
]
},{
featureType: "landscape.man_made",
stylers: [
{ hue: "#00ff2b" },
{ saturation: -100 }
]
},{
},{
featureType: "administrative.country",
stylers: [
{ hue: "#44ff00" },
{ visibility: "simplified" }
]
},{
featureType: "poi.business",
stylers: [
{ hue: "#ff005d" },
{ saturation: -100 },
{ lightness: -3 }
]
},{
featureType: "poi.park",
stylers: [
{ hue: "#08ff00" },
{ saturation: -40 },
{ lightness: -3 }
]
},{
}
]
Data map ©2011 GIS Innovatsia, Geocentre Consulting, Google, PPWK, Tele Atlas, Transnavicom - Podmínky použití
Mapa
Satelitní
Map Style
Style 0
Feature type: road.highway
Element type: geometry
Visibility: simplified
Hue: #88ff00
Saturation: -100
Lightness: 100
Style 1
Feature type: landscape.man_made
Element type: all
Hue: #ff0000
Saturation: -98
Lightness: 21
Gamma: 1.02
Style 2
Feature type: road.local
Element type: geometry
Visibility: on
Hue: #00ff22
Saturation: -100
Lightness: -9
Gamma: 0.96
Style 3
Feature type: road.arterial
Element type: geometry
Hue: #88ff00
Saturation: -93
Lightness: 99
Gamma: 0.22
Style 4
Feature type: administrative.country
Element type: all
Visibility: simplified
Hue: #44ff00
Style 5
Feature type: poi.business
Element type: all
Hue: #ff005d
Saturation: -21
Lightness: 38
Style 6
Feature type: poi.park
Element type: all
Hue: #08ff00
Saturation: -40
Lightness: -3
Style 7
Feature type: road.highway
Element type: labels
Visibility: off
Style 8
Feature type: road.arterial
Element type: labels
Visibility: off
Style 9
Feature type: administrative.country
Element type: geometry
Lightness: 27
Style 10
Feature type: administrative.province
Element type: geometry
Hue: #00ff19
Saturation: 32
Lightness: 1
Selectors
Feature type
Element type
All Geometry Labels
Stylers
Visibility
On Simplified Off
Invert lightness
Hue
Saturation
Lightness
Gamma
How to use the Styled Maps Wizard
Navigate to the map region you wish to use to preview your style. Jump to a particular location using the Enter a location field in the top right.
Select a type of feature to style in the Selectors panel.
If you only wish to style the Geometry or Labels for the selected feature type, select the required Element Type.
Select the combination of Stylers to apply to the selected feature type.
Once you are happy with the styling of the feature type, click the Add button in the Map Style panel to save the style and create a new style to work on.
Repeat Steps 2 to 5 to build up the set of styles for your map. Styles are applied in the order they are listed in the Map Style panel.
Select an existing style in the Map Style panel to edit it.
Delete a style by clicking on the trashcan icon to the right of the style number.
When you are happy with your Styled Map, click the Show JSON button to display the JSON object to pass to the style property of your MapOptions object in order to apply the style to a Maps API v3 Map.
To generate an example map with this style using the Static Maps API, click the Static Map button.
For more information on Map Styling, please see the Maps API v3 Documentation, and Static Maps API Documentation.
Google Maps API v3 Styled Maps JSON
[
{
featureType: "road.highway",
elementType: "geometry",
stylers: [
{ hue: "#88ff00" },
{ saturation: -100 },
{ lightness: 100 },
{ visibility: "simplified" }
]
},{
featureType: "landscape.man_made",
stylers: [
{ hue: "#ff0000" },
{ gamma: 1.02 },
{ saturation: -98 },
{ lightness: 21 }
]
},{
featureType: "road.local",
elementType: "geometry",
stylers: [
{ visibility: "on" },
{ hue: "#00ff22" },
{ gamma: 0.96 },
{ lightness: -9 },
{ saturation: -100 }
]
},{
featureType: "road.arterial",
elementType: "geometry",
stylers: [
{ hue: "#88ff00" },
{ saturation: -93 },
{ lightness: 99 },
{ gamma: 0.22 }
]
},{
featureType: "administrative.country",
stylers: [
{ hue: "#44ff00" },
{ visibility: "simplified" }
]
},{
featureType: "poi.business",
stylers: [
{ hue: "#ff005d" },
{ saturation: -21 },
{ lightness: 38 }
]
},{
featureType: "poi.park",
stylers: [
{ hue: "#08ff00" },
{ saturation: -40 },
{ lightness: -3 }
]
},{
featureType: "road.highway",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
},{
featureType: "road.arterial",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
},{
featureType: "administrative.country",
elementType: "geometry",
stylers: [
{ lightness: 27 }
]
},{
featureType: "administrative.province",
elementType: "geometry",
stylers: [
{ hue: "#00ff19" },
{ saturation: 32 },
{ lightness: 1 }
]
}
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment