Googleマップを使用しているときにフォーム入力テキストボックスから値を取得できませんか？

Question

私はデモramirezcobosからGoogleマップファインダーを使用して、私が設定：

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 
var map; 
var marker=false; 
function initialize() { 
    var myLatlng = new google.maps.LatLng(10.786599576864381, 106.69340372085571); 

    var myOptions = { 
     zoom: 16, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 

    map = new google.maps.Map(document.getElementById("gmap"), myOptions); 

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

     google.maps.event.addListener(map, 'center_changed', function() { 
     var location = map.getCenter(); 
     document.getElementById("latlng").value = location.lat()+ ', '+location.lng(); 
     placeMarker(location); 
     }); 

     google.maps.event.addListener(map, 'zoom_changed', function() { 
     zoomLevel = map.getZoom(); 
     document.getElementById("zoom_level").innerHTML = zoomLevel; 
     }); 

     google.maps.event.addListener(marker, 'dblclick', function() { 
     zoomLevel = map.getZoom()+1; 
     if (zoomLevel == 20) { 
      zoomLevel = 10; 
     }  
     document.getElementById("zoom_level").innerHTML = zoomLevel; 
     map.setZoom(zoomLevel); 
     }); 
     document.getElementById("latlng").value = 10.786599576864381+ ', '+106.69340372085571; 
} 

function placeMarker(location) { 
    var clickedLocation = new google.maps.LatLng(location); 
    marker.setPosition(location); 
} 

window.onload = function(){initialize();}; 

</script> 
<div id="bd"><div id="gmap"></div></div> 
<input type="text" name="latlng" id="latlng" value="" /> 

私は放火犯を使用して値が入力される[タイプ=「テキスト」]に表示しない場合、それは

どう

<input id="latlng" type="text" value="" name="latlng"> 

nullですそれを修正するには？

Answer 1

あなたはHTML- 属性（同じではありませんどのような）、setAttribute()を使用設定する要素の付加価値財産、設定されています

document.getElementById("latlng").setAttribute('value',location.lat()+ ', '+location.lng()); 

を...そしてあなた'LL FirebugのHTML-Tabの変更を見てください。

しかし、要素のプロパティを調べて、HTML-Tabで要素を選択し、右側でDOM-タブ内のすべてのプロパティを見つけることもできます。

ただし、この場合には、これは