simple.js 1.26 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53
/* ------------------------------------------------------------------------------
 *
 *  # 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);

});