Google Maps API 3 cuadro de búsqueda

Question

No puedo encontrar la forma de implementar el cuadro de búsqueda en mis mapas de Google. Lo tengo donde el usuario puede elegir algunas cosas de un formulario y carga los marcadores en el mapa. Ahora quiero agregar dónde pueden escribir en la ciudad y el estado usando el cuadro de búsqueda de google, como en maps.google.com. ¿Se puede hacer esto con API v. 3?

Answer 1

No hay un "widget" completo en los mapas de Google para esta tarea. Pero es fácil de lograr. En HTML, puede tener un campo de texto y un botón "Buscar". (En su lugar, puede manejar la tecla Intro en el campo de texto).

<input type="text" id="search_address" value=""/> 
<button onclick="search();">Search</button> 

en JavaScript se instancia y utilizar un Geocoder:

var addressField = document.getElementById('search_address'); 
var geocoder = new google.maps.Geocoder(); 
function search() { 
    geocoder.geocode(
     {'address': addressField.value}, 
     function(results, status) { 
      if (status == google.maps.GeocoderStatus.OK) { 
       var loc = results[0].geometry.location; 
       // use loc.lat(), loc.lng() 
      } 
      else { 
       alert("Not found: " + status); 
      } 
     } 
    ); 
};