dev-chiefworks
80 lines
2.1 KiB
JavaScript
80 lines
2.1 KiB
JavaScript
/* ------------------------------------------------------------------------------
|
|
*
|
|
* # 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);
|
|
|
|
});
|