Foros del Web » Programando para Internet » Javascript »

Google maps borrar direccion de campo de texto

Estas en el tema de Google maps borrar direccion de campo de texto en el foro de Javascript en Foros del Web. Hola amigos vereis, Tengo un codigo de google maps que me muestra la direccion y tal al introducirla, la cosa es que por defecto se ...
  #1 (permalink)  
Antiguo 22/04/2013, 05:19
 
Fecha de Ingreso: marzo-2007
Mensajes: 751
Antigüedad: 17 años, 1 mes
Puntos: 4
Google maps borrar direccion de campo de texto

Hola amigos vereis,

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:
Ver original
  1. <script type="text/javascript">
  2.  
  3.     // VARIABLES GLOBALES JAVASCRIPT
  4.     var geocoder;
  5.     var marker;
  6.     var latLng;
  7.     var latLng2;
  8.     var map;
  9.  
  10.     // INICiALIZACION DE MAPA
  11.     function initialize() {
  12.       geocoder = new google.maps.Geocoder();   
  13.       latLng = new google.maps.LatLng(<?echo $latitud;?> ,<?echo $longitud;?>);
  14.       map = new google.maps.Map(document.getElementById('mapCanvas'), {
  15.         zoom:<?echo $zoom;?>,
  16.         center: latLng,
  17.         mapTypeId: google.maps.MapTypeId.<?echo $tipo_mapa;?>
  18.       });
  19.  
  20.  
  21.     //CREACION DEL MARCADOR  
  22.     var image = 'imagenes/marca.png';
  23.     marker = new google.maps.Marker({
  24.     position: latLng,
  25.     title: 'Arrastra el marcador si quieres moverlo',
  26.     map: map,
  27.     draggable: true,
  28.     icon: image
  29.     });
  30.  
  31.     /*
  32.         marker = new google.maps.Marker({
  33.         position: latLng,
  34.         title: 'Arrastra el marcador si quieres moverlo',
  35.         map: map,
  36.         draggable: true
  37.       });
  38.      */
  39.      
  40.  
  41.      
  42.     // Escucho el CLICK sobre el mama y si se produce actualizo la posicion del marcador
  43.          google.maps.event.addListener(map, 'click', function(event) {
  44.          updateMarker(event.latLng);
  45.        });
  46.      
  47.       // Inicializo los datos del marcador
  48.       //    updateMarkerPosition(latLng);
  49.          
  50.           geocodePosition(latLng);
  51.      
  52.       // Permito los eventos drag/drop sobre el marcador
  53.       google.maps.event.addListener(marker, 'dragstart', function() {
  54.         updateMarkerAddress('Arrastrando...');
  55.       });
  56.      
  57.       google.maps.event.addListener(marker, 'drag', function() {
  58.         updateMarkerStatus('Arrastrando...');
  59.         updateMarkerPosition(marker.getPosition());
  60.       });
  61.      
  62.       google.maps.event.addListener(marker, 'dragend', function() {
  63.         updateMarkerStatus('Obteniendo direccion');
  64.         geocodePosition(marker.getPosition());
  65.       });
  66.      
  67.  
  68.      
  69.     }
  70.  
  71.  
  72.     // Permito la gesti¢n de los eventos DOM
  73.     google.maps.event.addDomListener(window, 'load', initialize);
  74.  
  75.     // ESTA FUNCION OBTIENE LA DIRECCION A PARTIR DE LAS COORDENADAS POS
  76.     function geocodePosition(pos) {
  77.       geocoder.geocode({
  78.         latLng: pos
  79.       }, function(responses) {
  80.         if (responses && responses.length > 0) {
  81.           updateMarkerAddress(responses[0].formatted_address);
  82.         } else {
  83.           updateMarkerAddress('No puedo encontrar esta direccion.');
  84.         }
  85.       });
  86.     }
  87.  
  88.     // OBTIENE LA DIRECCION A PARTIR DEL LAT y LON DEL FORMULARIO
  89.     function codeLatLon() {
  90.           str= document.form_mapa.longitud.value+" , "+document.form_mapa.latitud.value;
  91.           latLng2 = new google.maps.LatLng(document.form_mapa.latitud.value ,document.form_mapa.longitud.value);
  92.           marker.setPosition(latLng2);
  93.           map.setCenter(latLng2);
  94.           geocodePosition (latLng2);
  95.           // document.form_mapa.direccion.value = str+" OK";
  96.     }
  97.  
  98.     // OBTIENE LAS COORDENADAS DESDE lA DIRECCION EN LA CAJA DEL FORMULARIO
  99.     function codeAddress() {
  100.  
  101.  
  102.             if(document.form_mapa.provincias.value == '14'){
  103.        
  104.                 var address = document.form_mapa.direccion.value + 'cordoba, españa';
  105.  
  106.             }else{
  107.  
  108.                 var address = document.form_mapa.direccion.value + document.form_mapa.provincias.value;                
  109.             }    
  110.  
  111.               geocoder.geocode( { 'address': address}, function(results, status) {
  112.               if (status == google.maps.GeocoderStatus.OK) {
  113.                  updateMarkerPosition(results[0].geometry.location);
  114.                  marker.setPosition(results[0].geometry.location);
  115.                  map.setCenter(results[0].geometry.location);
  116.                } else {
  117.                 alert('Selecciones una provincia: ' + status);
  118.               }
  119.             });
  120.           }
  121.  
  122.     // OBTIENE LAS COORDENADAS DESDE lA DIRECCION EN LA CAJA DEL FORMULARIO
  123.     function codeAddress2 (address) {
  124.              
  125.               geocoder.geocode( { 'address': address}, function(results, status) {
  126.               if (status == google.maps.GeocoderStatus.OK) {
  127.                  updateMarkerPosition(results[0].geometry.location);
  128.                  marker.setPosition(results[0].geometry.location);
  129.                  map.setCenter(results[0].geometry.location);
  130.                  document.form_mapa.direccion.value = address;
  131.                } else {
  132.                 alert('Selecciones una provincia: ' + status);
  133.               }
  134.             });
  135.           }
  136.  
  137.     function updateMarkerStatus(str) {
  138.       document.form_mapa.direccion.value = str;
  139.     }
  140.  
  141.     // RECUPERO LOS DATOS LON LAT Y DIRECCION Y LOS PONGO EN EL FORMULARIO
  142.     function updateMarkerPosition (latLng) {
  143.       document.form_mapa.longitud.value =latLng.lng();
  144.       document.form_mapa.latitud.value = latLng.lat();
  145.     }
  146.  
  147.  
  148.  
  149.     function updateMarkerAddress(str) {
  150.  
  151.       document.form_mapa.direccion.value = str;
  152.     }
  153.  
  154.     // ACTUALIZO LA POSICION DEL MARCADOR
  155.     function updateMarker(location) {
  156.             marker.setPosition(location);
  157.             updateMarkerPosition(location);
  158.             geocodePosition(location);
  159.           }
  160.  
  161.     </script>
<form action="index.php" name="form_mapa" method="POST" enctype="multipart/form-data">

<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

Etiquetas: campo, direccion, formulario, funcion, google, input, maps, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:55.