/* ------------------------------------------------------------------------------
*
*  # HTML5 geolocation
*
*  Specific JS code additions for maps_google_basic.html page
*
*  Version: 1.0
*  Latest update: Aug 1, 2015
*
* ---------------------------------------------------------------------------- */

$(function() {

    // Note: This example requires that you consent to location sharing when
    // prompted by your browser. If you see a blank space instead of the map, this
    // is probably because you have denied permission for location sharing.

    var map;

    // Initialize
    function initialize() {

        // Optinos
        var mapOptions = {
            zoom: 12
        };

        // Apply options
        map = new google.maps.Map($('.map-geolocation')[0], mapOptions);

        // Try HTML5 geolocation
        if(navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function(position) {
                var pos = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

                // Info window
                var infowindow = new google.maps.InfoWindow({
                    map: map,
                    position: pos,
                    content: 'Location found using HTML5'
                });

                map.setCenter(pos);
            }, function() {
                handleNoGeolocation(true);
            });
        }
        else {

            // Browser doesn't support Geolocation
            handleNoGeolocation(false);
        }
    }

    // Handle errors
    function handleNoGeolocation(errorFlag) {
        if (errorFlag) {
            var content = 'Error: The Geolocation service failed.';
        }
        else {
            var content = 'Error: Your browser doesn\'t support geolocation.';
        }

        // Options
        var options = {
            map: map,
            position: new google.maps.LatLng(60, 105),
            content: content
        };

        // Apply options
        var infowindow = new google.maps.InfoWindow(options);
        map.setCenter(options.position);
    }

    // Load map
    google.maps.event.addDomListener(window, 'load', initialize);

});