Ver Mensaje Individual
  #7 (permalink)  
Antiguo 22/07/2013, 05:44
txemaarbulo
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Google Maps mostrar marcadores y enviar dirección para mostrarla

Para adaptarlo (siempre sobre tu cógigo):
En HTML: llamamos a la función codeAddress()
Código HTML:
Ver original
  1. <input type="button" class="navi" value="Localizar" onclick="codeAddress();" >
En Javascript, dos pasos:
1º: declarqación de geocoder arriba
Código Javascript:
Ver original
  1. var infowindow;
  2.         var bound;
  3.         var map;
  4.         var geocoder;  // importante incluirlo
2º, al final del javascript
Código Javascript:
Ver original
  1. function codeAddress() {
  2.       geocoder = new google.maps.Geocoder();
  3.       var address = document.getElementById('address').value;
  4.       geocoder.geocode({
  5.         'address': address
  6.       }, function (results, status) {
  7.         if (status == google.maps.GeocoderStatus.OK) {
  8.           map.setCenter(results[0].geometry.location);
  9.           var marker = new google.maps.Marker({
  10.             map: map,
  11.             position: results[0].geometry.location
  12.           });
  13.          
  14.           infowindow = new google.maps.InfoWindow({
  15.         content:results[0].formatted_address + '<br/> Latitud: ' + results[0].geometry.location.lat() + '<br/> Longitud: ' + results[0].geometry.location.lng()});
  16.           infowindow.open(map, marker);
  17.         } else {
  18.           alert('Geocode no tuvo éxito por la siguiente razón: ' + status);
  19.         }
  20.       });
  21.     }

OBSERVACIONES:
- Verás que el mapa no se ajusta a todos los marcadores más la nueva dirección, por lo que se habrá de elegir un zoom más amplio o incluir el map.fitBounds(bound); con los marcadores y la nueva dirección;
- El uso de tabla ralentiza la página. Te sugiero trabajar mediante <div> y darles forma con CSS. (Se recomienda evitar el uso de tablas en todo lo posible)