Skip to content

@cyberhobo /custom-googlev3.js
Created

Embed URL

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
WordPress Geo Mashup custom javascript for Google Maps API V3 map styles example
/**
* An example of applying custom styles to a Geo Mashup Google V3 map.
*
* There's a wizard for making your own style arrays at https://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html
**/
GeoMashup.addAction( 'loadedMap', function( properties, map ) {
var google_map = map.getMap();
var custom_styles = [
{
featureType: "landscape.natural",
stylers: [
{ visibility: "on" },
{ hue: "#ffbb00" },
{ lightness: 26 }
]
},{
featureType: "water",
stylers: [
{ visibility: "on" },
{ hue: "#00bbff" }
]
},{
featureType: "landscape",
stylers: [
{ visibility: "on" }
]
},{
featureType: "landscape.man_made",
stylers: [
{ visibility: "off" }
]
},{
featureType: "road",
stylers: [
{ visibility: "off" }
]
},{
featureType: "administrative",
stylers: [
{ visibility: "off" }
]
},{
featureType: "poi",
stylers: [
{ visibility: "off" }
]
},{
"featureType": "transit",
"stylers": [
{ "visibility": "off" }
]
},{
featureType: "administrative.locality",
stylers: [
{ visibility: "on" },
{ hue: "#0019ff" },
{ lightness: -1 },
{ saturation: -46 }
]
}
];
var map_type = new google.maps.StyledMapType( custom_styles, { name: 'custom' } );
google_map.mapTypes.set( 'custom', map_type );
google_map.setMapTypeId( 'custom' );
} );
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.