Google Maps API 3 搜索框

Question

我不知道如何在我的谷歌地图中实现搜索框。我有它，用户可以从表单中选择一些东西，并在地图上加载标记。现在我想添加他们可以使用谷歌搜索框输入城市和州的位置，比如在 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); 
            } 
        }
    );
};