186 lines
4.8 KiB
JavaScript
186 lines
4.8 KiB
JavaScript
$(function () {
|
|
|
|
var contact_map;
|
|
|
|
var ny = new google.maps.LatLng(40.7142700, -74.0059700);
|
|
|
|
var neighborhoods = [
|
|
new google.maps.LatLng(40.7232700, -73.8059700),
|
|
new google.maps.LatLng(40.7423500, -74.0656600),
|
|
new google.maps.LatLng(40.7314600, -74.0458500),
|
|
new google.maps.LatLng(40.7151800, -74.1557400)
|
|
];
|
|
|
|
var markers = [];
|
|
var iterator = 0;
|
|
|
|
var map;
|
|
|
|
function initialize() {
|
|
var mapOptions = {
|
|
zoom: 12,
|
|
center: ny,
|
|
panControl: false,
|
|
streetViewControl: false,
|
|
mapTypeControl: false,
|
|
overviewMapControl: false,
|
|
styles: [
|
|
{
|
|
"featureType": "water",
|
|
"stylers": [
|
|
{
|
|
"saturation": 43
|
|
},
|
|
{
|
|
"lightness": -11
|
|
},
|
|
{
|
|
"hue": "#0088ff"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "road",
|
|
"elementType": "geometry.fill",
|
|
"stylers": [
|
|
{
|
|
"hue": "#ff0000"
|
|
},
|
|
{
|
|
"saturation": -100
|
|
},
|
|
{
|
|
"lightness": 99
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "road",
|
|
"elementType": "geometry.stroke",
|
|
"stylers": [
|
|
{
|
|
"color": "#808080"
|
|
},
|
|
{
|
|
"lightness": 54
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "landscape.man_made",
|
|
"elementType": "geometry.fill",
|
|
"stylers": [
|
|
{
|
|
"color": "#ece2d9"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "poi.park",
|
|
"elementType": "geometry.fill",
|
|
"stylers": [
|
|
{
|
|
"color": "#ccdca1"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "road",
|
|
"elementType": "labels.text.fill",
|
|
"stylers": [
|
|
{
|
|
"color": "#767676"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "road",
|
|
"elementType": "labels.text.stroke",
|
|
"stylers": [
|
|
{
|
|
"color": "#ffffff"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "poi",
|
|
"stylers": [
|
|
{
|
|
"visibility": "off"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "landscape.natural",
|
|
"elementType": "geometry.fill",
|
|
"stylers": [
|
|
{
|
|
"visibility": "on"
|
|
},
|
|
{
|
|
"color": "#b8cb93"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "poi.park",
|
|
"stylers": [
|
|
{
|
|
"visibility": "on"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "poi.sports_complex",
|
|
"stylers": [
|
|
{
|
|
"visibility": "on"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "poi.medical",
|
|
"stylers": [
|
|
{
|
|
"visibility": "on"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "poi.business",
|
|
"stylers": [
|
|
{
|
|
"visibility": "simplified"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
};
|
|
map = new google.maps.Map(document.getElementById('contact-map'), mapOptions);
|
|
}
|
|
|
|
function drop() {
|
|
setTimeout(function () {
|
|
for (var i = 0; i < neighborhoods.length; i++) {
|
|
setTimeout(function() {
|
|
addMarker();
|
|
}, i * 350);
|
|
}
|
|
}, 1500);
|
|
}
|
|
|
|
function addMarker() {
|
|
markers.push(new google.maps.Marker({
|
|
position: neighborhoods[iterator],
|
|
map: map,
|
|
draggable: false,
|
|
animation: google.maps.Animation.DROP
|
|
}));
|
|
iterator++;
|
|
}
|
|
|
|
google.maps.event.addDomListener(window, 'load', initialize);
|
|
|
|
drop();
|
|
|
|
}); |