MINI Sh3ll

/* ------------------------------------------------------------------------------
 *
 *  # HTML5 geolocation
 *
 *  Specific JS code additions for maps_google_basic.html page
 *
 * ---------------------------------------------------------------------------- */


// Setup module
// ------------------------------

var GoogleMapLocation = function() {


    //
    // Setup module components
    //

    // Line chart
    var _googleMapLocation = function() {
        if (typeof google == 'undefined') {
            console.warn('Warning - Google Maps library is not loaded.');
            return;
        }

        // 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() {

            // Define map element
            var map_location_element = document.getElementById('map_geolocation');

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

            // Apply options
            var map = new google.maps.Map(map_location_element, 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);
    };


    //
    // Return objects assigned to module
    //

    return {
        init: function() {
            _googleMapLocation();
        }
    }
}();


// Initialize module
// ------------------------------

document.addEventListener('DOMContentLoaded', function() {
    GoogleMapLocation.init();
});