Current state
This commit is contained in:
186
public/legacy/assets/js/contact.js
Normal file
186
public/legacy/assets/js/contact.js
Normal file
@@ -0,0 +1,186 @@
|
||||
$(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();
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user