Kann nicht HTML5 Geolocation-Koordinaten zu arbeiten

Question

Ich habe Beispiele hier versucht, aber nur nicht die HTML5 Geolocation-Koordinaten zu arbeiten. Wenn ich die Koordinaten fest codiere, funktioniert es gut.

var infowindow; 
    var map; 

function initialize() { 

    var latlng = new google.maps.LatLng(53.3452572,-6.2648937); 

    map = new google.maps.Map(document.getElementById("map-canvas"), { 
     center: latlng, 
     zoom: 10, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 

    }); 

var request = { 
location: latlng, 

radius: 500000, 

types: ['pet_shop','pet_store'] 
}; 

Aber wenn ich versuche, Folgendes zu verwenden, bekomme ich einen Fehler ReferenceError: Position ist nicht definiert. Was vermisse ich hier oder mache ich falsch?

lat = position.coords.latitude; 
    long = position.coords.longitude; 
    var latlong = new google.maps.LatLng(lat, long); 

Answer 1

Entweder watchPosition or getCurrentPosition soll verwendet werden, um die Position in der Callback zu erhalten. Hier ist ein similar example von MDN Seite

function initialize() { 
     navigator.geolocation.getCurrentPosition(function(position) { 
     var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); 
     map = new google.maps.Map(document.getElementById("map-canvas"), { 
      center: latlng, 
      zoom: 10, 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
      }); 
});