Google Maps API 3搜索框

Question

我无法弄清楚如何在我的谷歌地图中实现搜索框。我有它在哪里用户可以从窗体中挑选一些东西，并在地图上加载标记。现在我想添加他们可以在Google地图上输入城市和州的位置，例如在maps.google.com上。这可以通过API v。3来完成吗？

Answer 1

此任务在Google地图中没有完整的“小部件”。但它很容易实现。在HTML中，您可以有一个文本字段和一个按钮“搜索”。 （相反，您可以在文本字段中处理Enter键）。

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

在Javascript中实例化和使用地理编码：

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