first commit
This commit is contained in:
@@ -0,0 +1,114 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # 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();
|
||||
});
|
||||
Reference in New Issue
Block a user