Google Maps API 3 boîte de recherche

Question

Je n'arrive pas à comprendre comment implémenter le champ de recherche dans mes google maps. Je l'ai où l'utilisateur peut choisir des choses à partir d'un formulaire et il charge les marqueurs sur la carte. Maintenant, je veux ajouter où ils peuvent taper dans la ville et l'état en utilisant la boîte de recherche google, comme sur maps.google.com. Cela peut-il être fait avec API v. 3?

Answer 1

Il n'y a pas de «widget» complet dans Google Maps pour cette tâche. Mais il est facile de l'accomplir. En HTML, vous pouvez avoir un champ de texte et un bouton "Rechercher". (Au lieu de cela, vous pouvez gérer la touche Entrée dans le champ de texte).

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

En Javascript instanciation et utilisez un géocodage:

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); 
      } 
     } 
    ); 
};