98 lines
1.8 KiB
JavaScript
98 lines
1.8 KiB
JavaScript
// 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!'
|
|
});
|
|
}
|