顯示地址位置與谷歌地圖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>