[JAVASCRIPT] funzione per MAPS

[illihc96]

Google maps https://developers.google.com/maps/ ma � complesso senza buone basi di js

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:

<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

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;
    });
  });


});