dev-chiefworks
53 lines
1.3 KiB
JavaScript
53 lines
1.3 KiB
JavaScript
/* ------------------------------------------------------------------------------
|
|
*
|
|
* # Events
|
|
*
|
|
* Specific JS code additions for maps_google_basic.html page
|
|
*
|
|
* Version: 1.0
|
|
* Latest update: Aug 1, 2015
|
|
*
|
|
* ---------------------------------------------------------------------------- */
|
|
|
|
$(function() {
|
|
|
|
// Map settings
|
|
function initialize() {
|
|
|
|
// Options
|
|
var mapOptions = {
|
|
zoom: 10,
|
|
center: new google.maps.LatLng(53.5336847, 10.0054124)
|
|
};
|
|
|
|
// Apply options
|
|
var map = new google.maps.Map($('.map-click-event')[0], mapOptions);
|
|
|
|
// Add markers
|
|
var marker = new google.maps.Marker({
|
|
position: map.getCenter(),
|
|
map: map,
|
|
title: 'Click to zoom'
|
|
});
|
|
|
|
// "Change" event
|
|
google.maps.event.addListener(map, 'center_changed', function() {
|
|
|
|
// 3 seconds after the center of the map has changed, pan back to the marker
|
|
window.setTimeout(function() {
|
|
map.panTo(marker.getPosition());
|
|
}, 3000);
|
|
});
|
|
|
|
// "Click" event
|
|
google.maps.event.addListener(marker, 'click', function() {
|
|
map.setZoom(14);
|
|
map.setCenter(marker.getPosition());
|
|
});
|
|
}
|
|
|
|
// Load map
|
|
google.maps.event.addDomListener(window, 'load', initialize);
|
|
|
|
});
|