向Google Maps地点添加搜索栏

时间:2019-12-09 16:17:02

标签: javascript api google-maps google-places-api

我希望将搜索栏添加到我的Google地图。我需要搜索栏仅查找酒店。有办法吗?当前的JS如下。

function initMap() {
    var map = new google.maps.Map(document.getElementById("map"), {
        zoom: 3,
        center: {
            lat: 46.619261,
            lng: -33.134766
        }
    });

    var labels = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";

    var locations = [
        { lat: 40.785091, lng: -73.968285 },
        { lat: 41.084045, lng: -73.874245 },
        { lat: 40.754932, lng: -73.984016 }
    ];

    var markers = locations.map(function(location, i) {
        return new google.maps.Marker({
            position: location,
            label: labels[i % labels.length]
        });
    });

    var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' });
}

1 个答案:

答案 0 :(得分:0)

当前,无法过滤掉Places API自动完成服务仅返回给酒店或住宿的预测。

但是,我们在Google Issue Tracker中确实有对此功能的要求。为了表达您的兴趣并订阅其最新更新,建议您为该条目加上星号:https://issuetracker.google.com/35820774

与此同时,您可能想检查一下此sample,该Autocomplete service使用Nearby search service进行了过滤,只使用{{ 1}}

选择城市后,它将使用过滤到locality的{​​{3}}在地图的视口中查找所选城市中的所有附近酒店。

administrative_area_level_3