You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.1 KiB
52 lines
1.1 KiB
/* ------------------------------------------------------------------------------ |
|
* |
|
* # Basic markers |
|
* |
|
* Specific JS code additions for maps_google_markers.html page |
|
* |
|
* Version: 1.0 |
|
* Latest update: Aug 1, 2015 |
|
* |
|
* ---------------------------------------------------------------------------- */ |
|
|
|
$(function() { |
|
|
|
// Setup map |
|
function initialize() { |
|
|
|
// Set coordinates |
|
var myLatlng = new google.maps.LatLng(52.374,4.898); |
|
|
|
// Options |
|
var mapOptions = { |
|
zoom: 10, |
|
center: myLatlng |
|
}; |
|
|
|
// Apply options |
|
var map = new google.maps.Map($('.map-marker-simple')[0], mapOptions); |
|
var contentString = 'Amsterdam'; |
|
|
|
// Add info window |
|
var infowindow = new google.maps.InfoWindow({ |
|
content: contentString |
|
}); |
|
|
|
// Add marker |
|
var marker = new google.maps.Marker({ |
|
position: myLatlng, |
|
map: map, |
|
title: 'Hello World!' |
|
}); |
|
|
|
// Attach click event |
|
google.maps.event.addListener(marker, 'click', function() { |
|
infowindow.open(map,marker); |
|
}); |
|
|
|
}; |
|
|
|
// Initialize map on window load |
|
google.maps.event.addDomListener(window, 'load', initialize); |
|
|
|
});
|
|
|