tengo esta funcion, quiero enviar las variables lat y lng por el form,
pero no las envia:
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng();
map = new google.maps.Map(document.getElementById("map_canva s"), 0);
geocoder = new google.maps.Geocoder();
google.maps.event.addListener(map, 'center_changed', centerChanged);
}
function centerChanged() {
var lat = map.getCenter().lat();
var lng = map.getCenter().lng();
document.getElementById('lat').innerHTML = lat;
document.getElementById('lng').innerHTML = lng;
}
function geocode() {
var address = document.getElementById("address").value;
geocoder.geocode({
'address': address,
'partialmatch': true}, geocodeResult);
}
function geocodeResult(results, status) {
if (status == 'OK' && results.length > 0) {
map.fitBounds(results[0].geometry.viewport);
} else {
alert("No se ha encontrado la direccion");
}
}
</script>
</head>
<body>
<div id="map">
<div id="map_canvas"></div>
<FORM METHOD="POST" ACTION="enviar.php" name="formulario">
<input type="text" id="address" class="input" value="Valencia">
<input type="hidden" name="lat">
<input type="hidden" name="lng">
<input type="button" value="Buscar" onClick="geocode()" class="button">
</form>
Latitud: <span id="lat"></span><br>
Longitud: <span id="lng"></span>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
initialize();
});
</script>
