javascript - 向谷歌地图地点添加搜索栏

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 3 年前。

Improve this question

我想在我的谷歌地图上添加一个搜索栏。我需要搜索栏来仅查找酒店。我有办法做到这一点吗？当前的 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' });
}

Answer 1

目前，无法过滤掉 Places API 自动完成服务返回的仅针对酒店或住宿的预测。

但是，我们的 Google 问题跟踪器中确实有对此的现有功能请求。为了表达您的兴趣并订阅其最新更新，我建议您为此条目加注星标:https://issuetracker.google.com/35820774

同时，您可能想查看此 sample它使用 Autocomplete service使用 types: ['(cities)']

进行过滤，仅返回与 locality 或 administrative_area_level_3 匹配的结果

选择城市后，它将使用Nearby search service在 map 视口(viewport)内查找所选城市附近的所有酒店。已过滤为类型:['lodging']。

var search = {
    bounds: map.getBounds(),
    types: ['lodging']
};