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.
53 lines
1.1 KiB
53 lines
1.1 KiB
3 years ago
|
/* ------------------------------------------------------------------------------
|
||
|
|
*
|
||
|
|
* # 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);
|
||
|
|
|
||
|
|
});
|