foo

website/Boson/htdocs/js/gmaps/greyscale.js

@@ -0,0 +1,97 @@
+// GOOGLE MAP - GREYSCALE
+google.maps.event.addDomListener(window, 'load', init);
+
+function init() {
+	var mapOptions = {
+		zoom: 11,
+
+		center: new google.maps.LatLng(40.6700, -73.9400), // New York
+
+		styles: [{
+			"featureType": "landscape",
+			"stylers": [{
+				"saturation": -100
+			}, {
+				"lightness": 65
+			}, {
+				"visibility": "on"
+			}]
+		}, {
+			"featureType": "poi",
+			"stylers": [{
+				"saturation": -100
+			}, {
+				"lightness": 51
+			}, {
+				"visibility": "simplified"
+			}]
+		}, {
+			"featureType": "road.highway",
+			"stylers": [{
+				"saturation": -100
+			}, {
+				"visibility": "simplified"
+			}]
+		}, {
+			"featureType": "road.arterial",
+			"stylers": [{
+				"saturation": -100
+			}, {
+				"lightness": 30
+			}, {
+				"visibility": "on"
+			}]
+		}, {
+			"featureType": "road.local",
+			"stylers": [{
+				"saturation": -100
+			}, {
+				"lightness": 40
+			}, {
+				"visibility": "on"
+			}]
+		}, {
+			"featureType": "transit",
+			"stylers": [{
+				"saturation": -100
+			}, {
+				"visibility": "simplified"
+			}]
+		}, {
+			"featureType": "administrative.province",
+			"stylers": [{
+				"visibility": "off"
+			}]
+		}, {
+			"featureType": "water",
+			"elementType": "labels",
+			"stylers": [{
+				"visibility": "on"
+			}, {
+				"lightness": -25
+			}, {
+				"saturation": -100
+			}]
+		}, {
+			"featureType": "water",
+			"elementType": "geometry",
+			"stylers": [{
+				"hue": "#ffff00"
+			}, {
+				"lightness": -25
+			}, {
+				"saturation": -97
+			}]
+		}]
+	};
+
+	var mapElement = document.getElementById('map-greyscale');
+
+	var map = new google.maps.Map(mapElement, mapOptions);
+
+	var marker = new google.maps.Marker({
+		position: new google.maps.LatLng(40.6700, -73.9400),
+		map: map,
+		title: 'Snazzy!'
+	});
+}