将搜索栏添加到 google 个地图地点

Question

我想在我的 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' });
}

Answer 1

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

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

与此同时，您可能想查看此 sample which uses Autocomplete service，它使用 [=13 筛选为仅 return 匹配 locality 或 administrative_area_level_3 的结果=]

选择一个城市后，它会在地图视口内使用过滤到 types: ['lodging'].

的 Nearby search service 查找所选城市附近的所有酒店

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

将搜索栏添加到 google 个地图地点

Adding A search bar to google maps places

javascript

api

google-maps

google-places-api