Почему я не могу получить значения широты и долготы в текстовом поле, значения в моем текстовом поле не отображаются, если я использую <span id="lat"> аналогичным образом, я могу просмотреть свои значения широты и долготы.
<!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>
Слушайте, мой код, пожалуйста, любой может понять его