Usare api google per avere posizione utente

[chileme88]

Ciao a tutti mi servirebbe una dritta. Ho trovato il modo di mettere la mappa google nel mio sito php centrata su coordinate fisse. Ora vorrei fare in modo che si centrasse sulle coordinate del visitatore del sito. Il codice da me usato è:

        var myCenter = new google.maps.LatLng('xxx,yyy');
        var userCenter;


            function getLocation() {
                if (navigator.geolocation) {
                    navigator.geolocation.getCurrentPosition(showPosition);
                } 
            }


            function showPosition(position) {
                var latlon = position.coords.latitude + "," + position.coords.longitude;
                userCenter=new google.maps.LatLng(latlon);
            }


        var marker;


        function initialize()
        {
            var mapProp = {
              center: userCenter,
              zoom:15,
              mapTypeId:google.maps.MapTypeId.ROADMAP
              };


            var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);


            marker=new google.maps.Marker({
              position:myCenter,
              });


            marker.setMap(map);


            var infowindow = new google.maps.InfoWindow({
                content:"Casa"
            });


            google.maps.event.addListener(marker, 'click', function() {
                infowindow.open(map,marker);
            });
        }                       


        google.maps.event.addDomListener(window, 'load', initialize);

Ovviamente un errore è
userCenter=new google.maps.LatLng(latlon);

dove cerco di assegnare all'interno di una funzione un valore ad una variabile globale. Dovrei usare il return ma sinceramente non ho nessuna idea di cosa e come ritornare.

[cavicchiandrea]

Questo dovrebbe fare quello che vuoi

[chileme88]

Questo dovrebbe fare quello che vuoi

Si grazie mille, lo stavo già guardando insieme ad altre guide ma non c'era il caso specifico che serviva a me :-p

ho risolto così

<script src="http://maps.googleapis.com/maps/api/js?sensor=true"></script>
<script>
    var myCenter = new google.maps.LatLng(50.845463, 4.357112);
    var userCenter;
    var marker;
    var map;


  showPosition receives the response
    function getUserLocation() {
      if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
      }
    }

    function showPosition(position) {
      userCenter = new google.maps.LatLng(
        position.coords.latitude,
        position.coords.longitude
      );
      
      map.setCenter(userCenter);
    }


     
    function initialize() {
      getUserLocation();


      var mapProp = {
        center: myCenter,  
        zoom:15,
        mapTypeId:google.maps.MapTypeId.ROADMAP
      };
      
        getUserLocation();
      
      map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
         
            
    
    }
    
    function showPosition(position) {
        userCenter = new google.maps.LatLng(
        position.coords.latitude,
        position.coords.longitude
        );
        map.setCenter(userCenter);
    }
    
    
    google.maps.event.addDomListener(window, 'load', initialize);
</script>