Окно поиска Google Maps API 3

Question

Я не могу понять, как реализовать окно поиска в моих картах Google.У меня есть это, где пользователь может выбрать некоторые вещи из формы, и он загружает маркеры на карте.Теперь я хочу добавить, где они могут вводить город и штат, используя поле поиска Google, например, на maps.google.com.Можно ли это сделать с помощью API v. 3?

Answer 1

Нет полного «виджета» в картах Google для этой задачи.Но это легко сделать.В HTML вы можете иметь текстовое поле и кнопку «Поиск».(Вместо этого вы можете обрабатывать клавишу ввода в текстовом поле).

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