Tengo un codigo de google maps que me muestra la direccion y tal al introducirla, la cosa es que por defecto se le ponen unas coordenadas que son las que muestra nada mas abrir el archivo y en el campo de texto te muestra la direccion postal de estas coordenadas bien,
La cosa es que necesito que este campo de texto al abrir el archivo este vacio.
El codigo es el siguiente:
Código Javascript:
<form action="index.php" name="form_mapa" method="POST" enctype="multipart/form-data"> Ver original
<script type="text/javascript"> // VARIABLES GLOBALES JAVASCRIPT var geocoder; var marker; var latLng; var latLng2; var map; // INICiALIZACION DE MAPA function initialize() { geocoder = new google.maps.Geocoder(); latLng = new google.maps.LatLng(<?echo $latitud;?> ,<?echo $longitud;?>); map = new google.maps.Map(document.getElementById('mapCanvas'), { zoom:<?echo $zoom;?>, center: latLng, mapTypeId: google.maps.MapTypeId.<?echo $tipo_mapa;?> }); //CREACION DEL MARCADOR var image = 'imagenes/marca.png'; marker = new google.maps.Marker({ position: latLng, title: 'Arrastra el marcador si quieres moverlo', map: map, draggable: true, icon: image }); /* marker = new google.maps.Marker({ position: latLng, title: 'Arrastra el marcador si quieres moverlo', map: map, draggable: true }); */ // Escucho el CLICK sobre el mama y si se produce actualizo la posicion del marcador google.maps.event.addListener(map, 'click', function(event) { updateMarker(event.latLng); }); // Inicializo los datos del marcador // updateMarkerPosition(latLng); geocodePosition(latLng); // Permito los eventos drag/drop sobre el marcador google.maps.event.addListener(marker, 'dragstart', function() { updateMarkerAddress('Arrastrando...'); }); google.maps.event.addListener(marker, 'drag', function() { updateMarkerStatus('Arrastrando...'); updateMarkerPosition(marker.getPosition()); }); google.maps.event.addListener(marker, 'dragend', function() { updateMarkerStatus('Obteniendo direccion'); geocodePosition(marker.getPosition()); }); } // Permito la gesti¢n de los eventos DOM google.maps.event.addDomListener(window, 'load', initialize); // ESTA FUNCION OBTIENE LA DIRECCION A PARTIR DE LAS COORDENADAS POS function geocodePosition(pos) { geocoder.geocode({ latLng: pos }, function(responses) { if (responses && responses.length > 0) { updateMarkerAddress(responses[0].formatted_address); } else { updateMarkerAddress('No puedo encontrar esta direccion.'); } }); } // OBTIENE LA DIRECCION A PARTIR DEL LAT y LON DEL FORMULARIO function codeLatLon() { str= document.form_mapa.longitud.value+" , "+document.form_mapa.latitud.value; latLng2 = new google.maps.LatLng(document.form_mapa.latitud.value ,document.form_mapa.longitud.value); marker.setPosition(latLng2); map.setCenter(latLng2); geocodePosition (latLng2); // document.form_mapa.direccion.value = str+" OK"; } // OBTIENE LAS COORDENADAS DESDE lA DIRECCION EN LA CAJA DEL FORMULARIO function codeAddress() { if(document.form_mapa.provincias.value == '14'){ var address = document.form_mapa.direccion.value + 'cordoba, españa'; }else{ var address = document.form_mapa.direccion.value + document.form_mapa.provincias.value; } geocoder.geocode( { 'address': address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { updateMarkerPosition(results[0].geometry.location); marker.setPosition(results[0].geometry.location); map.setCenter(results[0].geometry.location); } else { alert('Selecciones una provincia: ' + status); } }); } // OBTIENE LAS COORDENADAS DESDE lA DIRECCION EN LA CAJA DEL FORMULARIO function codeAddress2 (address) { geocoder.geocode( { 'address': address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { updateMarkerPosition(results[0].geometry.location); marker.setPosition(results[0].geometry.location); map.setCenter(results[0].geometry.location); document.form_mapa.direccion.value = address; } else { alert('Selecciones una provincia: ' + status); } }); } function updateMarkerStatus(str) { document.form_mapa.direccion.value = str; } // RECUPERO LOS DATOS LON LAT Y DIRECCION Y LOS PONGO EN EL FORMULARIO function updateMarkerPosition (latLng) { document.form_mapa.longitud.value =latLng.lng(); document.form_mapa.latitud.value = latLng.lat(); } function updateMarkerAddress(str) { document.form_mapa.direccion.value = str; } // ACTUALIZO LA POSICION DEL MARCADOR function updateMarker(location) { marker.setPosition(location); updateMarkerPosition(location); geocodePosition(location); } </script>
<input type="text" name="direccion" id="direccion" value="'.utf8_encode($array_direcciones_negocios_m odificar['direccion']).'" onchange="codeAddress()" class="input_text_datos_negocio">
</form>
A ver si alguien conoce la api de google maps o conoce alguna manera para de hacer esto.
Un saludo