Html 谷歌地图API 3搜索框

Html 谷歌地图API 3搜索框,html,google-maps,search,google-maps-api-3,Html,Google Maps,Search,Google Maps Api 3,我不知道如何在我的谷歌地图中实现搜索框。我有它,用户可以从表单中选择一些东西,并将标记加载到地图上。现在我想添加他们可以使用谷歌搜索框输入城市和州的位置,就像在maps.google.com上一样。这可以通过API v实现吗。3?谷歌地图中没有用于此任务的完整“小部件”。但要做到这一点很容易。在HTML中,您可以有一个文本字段和一个“搜索”按钮。(您可以在文本字段中处理Enter键) 如何获取该位置的名称或地址等其他信息?@Alp:上面的用例描述了您已经知道名称或地址并希望获取相应位置(lat、

我不知道如何在我的谷歌地图中实现搜索框。我有它,用户可以从表单中选择一些东西,并将标记加载到地图上。现在我想添加他们可以使用谷歌搜索框输入城市和州的位置,就像在maps.google.com上一样。这可以通过API v实现吗。3?

谷歌地图中没有用于此任务的完整“小部件”。但要做到这一点很容易。在HTML中,您可以有一个文本字段和一个“搜索”按钮。(您可以在文本字段中处理Enter键)


如何获取该位置的名称或地址等其他信息?@Alp:上面的用例描述了您已经知道名称或地址并希望获取相应位置(lat、lng)的情况。如果你想在某个地点附近找到有趣的地方,那么你可以看看。@Alp我需要一个与你在评论中要求的完全一致的东西,这就是你要找的东西:你现在可能已经找到了你要找的东西,但仍然;)你正在寻找的是“反向地理编码”(即从纬度和经度点查找文本地址)。我不知道如何使用谷歌搜索框,但有几个例子可以帮助你从你的问题开始
<input type="text" id="search_address" value=""/>
<button onclick="search();">Search</button>
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); 
            } 
        }
    );
};