// html5geomap.js
function run() {
$('#here').text('wait a moment').unbind('click');
navigator.geolocation.getCurrentPosition(callback);
}
function callback(position) {
lat = position.coords.latitude
lng = position.coords.longitude;
var key = 'ABQIAAAArRp3TaegmwJ2WkrcBZJNsxSJwvIrdg32LOoYWyRxL-NUICbysxQNZj5IXQrWwmcJMLicAMwIDq22Pg';
var src = 'http://maps.google.com/staticmap?center=' + lat + ',' + lng
+ '&zoom=15&size=400x300&markers=' + lat + ',' + lng + '&key='
+ key;
var img = $('').attr('src', src).css('border', '0');
var url = 'http://maps.google.com/maps?q=' + lat + ',' + lng + '&z=15';
var anc = $('').attr('href', url).append(img);
$('#here').empty().append(anc);
}
function init() {
$('#ver').text(navigator.appName + ' ' + navigator.appVersion);
if (navigator.geolocation) {
$('#here').text('click here').click(run);
} else {
$('#here').text('HTML5 GeoLocation API is not supported.');
}
}
$(init);