使用Google地图时无法从表单输入文本框中获取值？

我使用从演示ramirezcobos谷歌地图取景器和我CONFIG：使用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">

如何要解决这个问题？

来源

2012-03-16 Hai Truong IT

讲述的是Firebug的这个问题设置via node.value='?'？请具体说明。 – 2012-03-16 10:09:54

要设置元素的值 - 财产，设置一个HTML的属性（什么是不一样的），使用setAttribute()：

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

...你会查看萤火虫的HTML-Tab内的变更。

但是，您也可以检查元素的属性，在HTML-Tab中选择元素，然后在右侧找到DOM选项卡中的所有属性。

然而，在这种情况下，这应该不会影响您的实现，只要你没有尝试到读出的属性通过使用node.getAttribute('value')（反之亦然）

来源

2012-03-17 01:06:34

使用Google地图时无法从表单输入文本框中获取值？

回答

相关问题