html5のジオロケーション座標を取得できません

Question

ここで例を試しましたが、html5のジオロケーション座標を取得することはできません。 座標をハードコードするとうまく動作します。

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'] 
}; 

しかし、私は、次を使用しようと、私はエラーにReferenceErrorを得る：位置が定義されていません。私はここで何が間違っているのか、間違っています

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

Answer 1

どちらのwatchPosition or getCurrentPositionは、コールバック内での位置を取得するために使用されることを想定しています。 MDNページのsimilar exampleはこちら

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