
Originariamente inviata da
cavicchiandrea
si infatti ho gi� visto questa funzione di Google e siccome non sono afferrato in javascript volevo chiedere se potevate darmi un mano
Io gi� ne avevo trovata una ma non so perch� ogni vlta che cliccavo il tasto per geolocalizzarmi mi restituiva nuoamente la pagina senza farmi vedere nulla
Questo � l'HTML:
codice:
<form><br>
La tua posizione �:
<div id="out"> </div>
<p>
<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" onclick="geoFindMe()"> DOVE SONO?</button></p>
</form>
<br>
Mentre questo � il javascript
codice:
function geoFindMe() { var output = document.getElementById("out");
if (!navigator.geolocation){
output.innerHTML = "<p>Geolocation is not supported by your browser</p>";
return;
}
function success(position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
output.innerHTML = '<p>Latitude is ' + latitude + '� <br>Longitude is ' + longitude + '�</p>';
var img = new Image();
img.src = "https://maps.googleapis.com/maps/api/staticmap?center=" + latitude + "," + longitude + "&zoom=18&size=400x400&sensor=true";
output.appendChild(img);
};
function error() {
output.innerHTML = "Unable to retrieve your location";
};
output.innerHTML = "<p>Locating�</p>";
navigator.geolocation.getCurrentPosition(success, error);
}
(function($) {
$('a[href^="#"]').on('click', function(e) {
e.preventDefault();
var target = this.hash;
var $target = $(target);
$('.mdl-layout__content').stop().animate({
'scrollTop': $target.offset().top
}, 1000, 'swing', function() {
window.location.hash = target;
});
});
});