ограничить границы поиска API карт Google только одной областью

Я хотел бы ограничить результаты поиска для моей карты Google определенным диапазоном latLngBounds.

api поиска мест – перечисляет эту функцию addListener для изменения границ :

google.maps.event.addListener(map, 'bounds_changed', function() {
var bounds = map.getBounds();
searchBox.setBounds(bounds);
});

Я заменил это на:

var defaultBounds = new google.maps.LatLngBounds(
  new google.maps.LatLng(-33.8902, 151.1759),
  new google.maps.LatLng(-33.8474, 151.2631));

searchBox.setBounds(defaultBounds);

Однако, похоже, это не работает. Может ли кто-нибудь указать мне правильное направление, чтобы ограничить результаты поиска границами по умолчанию независимо от текущей точки обзора карты?

Вот текущий код, который у меня есть на основе API:

function initialize() {

var markers = [];
var map = new google.maps.Map(document.getElementById('map-canvas'), {
mapTypeId: google.maps.MapTypeId.ROADMAP
});

var defaultBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(30.9128292, -98.8563538),
new google.maps.LatLng(30.0964251, -97.9431152));
map.fitBounds(defaultBounds);

// Create the search box and link it to the UI element.
var input = /** @type {HTMLInputElement} */(
  document.getElementById('pac-input'));
map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);

var searchBox = new google.maps.places.SearchBox(
/** @type {HTMLInputElement} */(input));

// [START region_getplaces]
// Listen for the event fired when the user selects an item from the
// pick list. Retrieve the matching places for that item.
google.maps.event.addListener(searchBox, 'places_changed', function() {
var places = searchBox.getPlaces();

if (places.length == 0) {
  return;
}
for (var i = 0, marker; marker = markers[i]; i++) {
  marker.setMap(null);
}

// For each place, get the icon, place name, and location.
markers = [];
var bounds = new google.maps.LatLngBounds();
for (var i = 0, place; place = places[i]; i++) {
  var image = {
    url: place.icon,
    size: new google.maps.Size(71, 71),
    origin: new google.maps.Point(0, 0),
    anchor: new google.maps.Point(17, 34),
    scaledSize: new google.maps.Size(25, 25)
  };

  // Create a marker for each place.
  var marker = new google.maps.Marker({
    map: map,
    icon: image,
    title: place.name,
    position: place.geometry.location
  });

  markers.push(marker);

  bounds.extend(place.geometry.location);
}

map.fitBounds(bounds);
});
// [END region_getplaces]

   searchBox.setBounds(defaultBounds);
}

google.maps.event.addDomListener(window, 'load', initialize);

google-maps javascript bounds
person MrGoodfellow    schedule 03.02.2015    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Это не для ИЗМЕНЕНИЯ границ, а для прослушивания, когда границы были изменены:

google.maps.event.addListener(map, 'bounds_changed', function() {
var bounds = map.getBounds();
searchBox.setBounds(bounds);
});

Передайте {bound : new LatLngBounds.... } в:

new google.maps.places.SearchBox(
/** @type {HTMLInputElement} */(input));

Что-то вроде этого

Имея свой объект границ:

 var defaultBounds = new google.maps.LatLngBounds(
  new google.maps.LatLng(-33.8902, 151.1759),
  new google.maps.LatLng(-33.8474, 151.2631));

Передайте его конструктору:

new google.maps.places.SearchBox(input, {bounds: defaultBounds});

Ознакомьтесь со ссылкой на google.maps.places.SearchBox.

person sabotero    schedule 03.02.2015
comment
Я думаю, что у меня это сработало, мои проблемы на самом деле заключались в том, что мои LatLngBounds были установлены на северо-запад на юго-восток, а не с юго-запада на северо-восток. Я ввел правильные координаты, и мой код работает! - person MrGoodfellow; 03.02.2015