显示地址位置与谷歌地图onload

Question

我试图当前显示页面加载时的地址的位置，但我的地图根本不显示。我试图提醒（地址），它的工作原理。它显示了我想要得到的正确地址。但我不确定我是否做得对？

<script> 
    var geocoder; 
    var map; 
    function codeAddress() { 
    geocoder = new google.maps.Geocoder(); 
    //var latlng = new google.maps.LatLng(-34.397, 150.644); 
    var myOptions = { 
     zoom: 8, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
      var city_state_zip = document.getElementById("city_state_zip").innerHTML; 
      var street_address = document.getElementById("street_address").innerHTML; 
      var address = street_address + " " + city_state_zip;//document.getElementById(street_addres +" "+ city_state_zip).value; 
      geocoder.geocode({ 'address': address}, function(results, status) { 
       if (status == google.maps.GeocoderStatus.OK) { 
       map.setCenter(results[0].geometry.location); 
       var marker = new google.maps.Marker({ 
        map: map, 
        position: results[0].geometry.location 
       }); 
       } else { 
       alert("Geocode was not successful for the following reason: " + status); 
       } 
      }); 
      } 



    window.onload = function(){ 
      codeAddress(); 
     } 
</script> 

我结合初始化（）与codeAddress（）在这个例子中发现：http://code.google.com/apis/maps/documentation/javascript/geocoding.html#GeocodingStatusCodes我想，因为我不希望加载与随机经纬度地图结合这一点，我希望它加载的原因我已经有了一个地址。

有没有人有任何想法，如果我甚至正确地做到这一点？

谢谢！

Answer 1

脚本的下列修改使其适用于与我处在同一条船上的人员。这现在允许我加载页面时加载一个特定的地址，它会自动检测我的html中的lat，lng。

这是从谷歌的网站稍作修改。

<script> 
    var geocoder; 
    var map; 
    function codeAddress() { 
    geocoder = new google.maps.Geocoder(); 
    var lat=''; 
    var lng='' 
    var city_state_zip = document.getElementById("city_state_zip").innerHTML; 
    var street_address = document.getElementById("street_address").innerHTML; 
    var address = street_address + " " + city_state_zip; 
    geocoder.geocode({ 'address': address}, function(results, status) { 
    if (status == google.maps.GeocoderStatus.OK) { 
     lat = results[0].geometry.location.lat(); //getting the lat 
     lng = results[0].geometry.location.lng(); //getting the lng 
     map.setCenter(results[0].geometry.location); 
     var marker = new google.maps.Marker({ 
      map: map, 
      position: results[0].geometry.location 
     }); 
    } else { 
      alert("Geocode was not successful for the following reason: " + status); 
      } 
    }); 
    var latlng = new google.maps.LatLng(lat, lng); 
    var myOptions = { 
     zoom: 8, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
    } 


window.onload = function(){ 
     codeAddress(); 
} 
</script>