Google Maps Examples

<div id="mapCanvas" style="width:430px; height:400px;">Loading ...</div>

<script type="text/javascript">

var map;
var zurich = new google.maps.LatLng(47.371385,8.536892);

function initialize() {

var myStyle = [
{
featureType: "administrative.locality",
elementType: "labels",
stylers: [
{ visibility: "on" }
]
},{
featureType: "administrative.neighbourhood",
elementType: "all",
stylers: [
{ visibility: "on" }
]
},{
featureType: "landscape.man_made",
elementType: "all",
stylers: [
{ visibility: "on" }
]
},{
featureType: "landscape.natural",
elementType: "all",
stylers: [
{ gamma: 0.97 },
{ saturation: -81 },
{ lightness: -4 },
{ visibility: "on" }
]
},{
featureType: "poi.attraction",
elementType: "all",
stylers: [
{ visibility: "off" }
]
},{
featureType: "poi.business",
elementType: "all",
stylers: [
{ visibility: "off" }
]
},{
featureType: "poi.government",
elementType: "all",
stylers: [
{ visibility: "off" }
]
},{
featureType: "poi.medical",
elementType: "all",
stylers: [
{ visibility: "off" }
]
},{
featureType: "poi.park",
elementType: "all",
stylers: [
{ visibility: "simplified" },
{ lightness: 0 },
{ saturation: -73 },
{ gamma: 1.54 }
]
},{
featureType: "poi.place_of_worship",
elementType: "all",
stylers: [
{ visibility: "off" }
]
},{
featureType: "poi.school",
elementType: "all",
stylers: [
{ visibility: "off" }
]
},{
featureType: "poi.sports_complex",
elementType: "all",
stylers: [
{ visibility: "off" }
]
},{
featureType: "transit.line",
elementType: "all",
stylers: [
{ visibility: "off" }
]
},{
featureType: "transit.station.bus",
elementType: "all",
stylers: [
{ visibility: "off" }
]
},{
featureType: "transit.station.rail",
elementType: "all",
stylers: [
{ visibility: "off" }
]
},{
featureType: "road.highway",
elementType: "all",
stylers: [
{ saturation: -34 },
{ lightness: 50 },
{ visibility: "off" }
]
},{
featureType: "road.arterial",
elementType: "all",
stylers: [
{ visibility: "off" }
]
},{
featureType: "road.local",
elementType: "all",
stylers: [
{ visibility: "off" }
]
},{
featureType: "all",
elementType: "all",
stylers: [
]
}
];

var mapOptions = {
zoom: 12,
center: zurich,
mapTypeControl: false,
navigationControl: true,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.SMALL
}
};

map = new google.maps.Map(document.getElementById("mapCanvas"),mapOptions);

var styledMapOptions = {
map: map,
name: "style_name"
}

var individualMapType = new google.maps.StyledMapType(myStyle,styledMapOptions);

map.mapTypes.set('style_name', individualMapType);
map.setMapTypeId('style_name');
}
</script>