Html 谷歌地图v3-提取数据_Html_Google Maps

Html 谷歌地图v3-提取数据

html google-maps

Html 谷歌地图v3-提取数据,html,google-maps,Html,Google Maps,为什么我无法在文本框中获取纬度和经度值，我的文本框值不显示，如果我以类似方式使用，我可以查看我的纬度和经度值 <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/

为什么我无法在文本框中获取纬度和经度值，我的文本框值不显示，如果我以类似方式使用

，我可以查看我的纬度和经度值

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Gecoding</title>
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #map { height: 100% }
</style>
<script type="text/javascript"
    src="http://maps.googleapis.com/maps/api/js?sensor=true&v=3&libraries=geometry">
</script>
<script type="text/javascript">
var geocoder;
  var map;
  var marker;
  function initialize()
  {
     geocoder = new google.maps.Geocoder();
     var latlng = new google.maps.LatLng(17.447246,78.362029);
     var myOptions =
         {
             zoom: 8,
              center: latlng,
              mapTypeId: google.maps.MapTypeId.ROADMAP
          }
        map = new google.maps.Map(document.getElementById("map"), myOptions);
              var marker=new google.maps.Marker({
                position: latlng,
                 map: map
              });
                  marker.setMap(map);

        document.getElementById("lat").innerHtml=latlng.lat();
        document.getElementById("lng").innerHTML=latlng.lng();

}
  function getAddress()
    {

    var address = document.getElementById("address").value;

    var latlng;
    geocoder.geocode({'address': address},function(results, status)
    {

      if (status == google.maps.GeocoderStatus.OK)
      {
        latlng = results[0].geometry.location;
        document.getElementById("lat").innerHTML= latlng.lat();
        document.getElementById("lng").innerHTML= latlng.lng();
        map.setCenter(results[0].geometry.location);

        var markers = new google.maps.Marker({
            map: map,
            position: results[0].geometry.location
        });
        markers.setMap(Map);



     }

      else {
        alert("Geocode was not successful for the following reason: " + status);
           }

    });
    }
 </script>

<body onload="initialize();">


 <form action="./vf" onsubmit="getAddress();return false;" method="post">
 <table>
<tr>
      <td> <input id="address" type="text" size="60" name="address"/></td>
      <td> <input type="submit" value="Search!" /> </td>
</tr>
<tr>
        <td>Latitude
        <input type="text" name="latitude" id="lat" size="66" /></td>
</tr>
 <tr>
         <td>Longitude
               <input type="text" name="long" id="lng" size="66" /></td>
 </tr>

        <!--Latitude:<span name="latitude" id="lat"></span> <br /><br />
        Longitude: <span name="long" id="lng"></span>-->

</table>
</form>
<div align="center" id="map" style="width: 100%;top: 5%; height: 95%"><br/>
</div>
</body>
</html>


基因编码
html{高度：100%}
正文{高度：100%；边距：0；填充：0}
#地图{高度：100%}
var地理编码器；
var映射；
var标记；
函数初始化（）
{
geocoder=新的google.maps.geocoder（）；
var latlng=新的google.maps.latlng（17.447246,78.362029）；
变异性肌肽=
{
缩放：8，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=新的google.maps.map（document.getElementById（“map”），myOptions）；
var marker=new google.maps.marker({
位置：latlng，
地图：地图
});
marker.setMap（map）；
document.getElementById（“lat”）.innerHtml=latlng.lat（）；
document.getElementById（“lng”）.innerHTML=latlng.lng（）；
}
函数getAddress（）
{
var address=document.getElementById（“地址”）.value；
var latlng；
geocoder.geocode（{'address'：address}，函数（结果，状态）
{
if（status==google.maps.GeocoderStatus.OK）
{
latlng=results[0]。geometry.location；
document.getElementById（“lat”）.innerHTML=latlng.lat（）；
document.getElementById（“lng”）.innerHTML=latlng.lng（）；
map.setCenter（结果[0].geometry.location）；
var markers=new google.maps.Marker({
地图：地图，
位置：结果[0]。几何体。位置
});
markers.setMap（Map）；
}
否则{
警报（“地理编码因以下原因未成功：“+状态”）；
}
});
}
纬度
经度

听说是我的密码，请任何人都能猜出来

更改密码

document.getElementById("lat").innerHTML= latlng.lat();
document.getElementById("lng").innerHTML= latlng.lng();

到

可能重复hey非常感谢您的帮助，但是在这段代码中还有一个错误，我的标记对于每个新请求都保持不变，如果我进行8地址搜索，那么我可以在我的映射中看到8个标记，在上面的程序中保留语法

 document.getElementById("lat").value= latlng.lat();
 document.getElementById("lng").value= latlng.lng();