界限谷歌地图

Question

我的 Google maps API 地图缩放显示所有在 google 地方搜索后添加的标记。在移动地图上，这可能需要一些时间来加载，并且作为骑自行车者的这个应用程序，我更喜欢只在视口中显示结果。我读过的大多数研究表明，不可能只在视口内返回结果。我是否可以在添加标记后保持地图边界不变？如果它只向我显示添加到当前边界的标记，除非只有一个标记返回，否则它应该缩放到该标记。因此，搜索诸如比萨饼之类的一般事物将在当前视口中显示许多比萨饼店，而无需平移或缩放。搜索特定地址会放大到该标记，即使它位于视口之外。

 var input = document.getElementById('target');
 var searchBox = new google.maps.places.SearchBox(input);
 var bounds = map.getBounds();
 searchBox.setBounds(bounds);
 var markers = [];
 service = new google.maps.places.PlacesService(map);

 google.maps.event.addListener(searchBox, 'places_changed', function() {
     var places = searchBox.getPlaces();
     // alert("getPlaces returns "+places.length+" places");

     for (var i = 0; i < gmarkers.length; i++) {
       gmarkers[i].setMap(null);
     }

     gmarkers = [];
     var bounds = new google.maps.LatLngBounds();

     for (var i = 0, place; place = places[i]; i++) {
       var place = places[i];
       createMarker(place);
       bounds.extend(place.geometry.location);
     }
     map.fitBounds(bounds);
     // if (markers.length == 1) map.setZoom(17);
   });

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

   ib = new InfoBox({});

Answer 1

你的问题的答案：

• 我可以在添加标记后保持地图边界不变吗？

是的。正如你所说，涉及删除 map.fitBounds。

要使地图居中并在单个地址上缩放，请为此使用地理编码器（单独实施）或检查结果数，如果是一个，则将地图居中在结果上，如果有结果中建议的视口，使用它来居中和缩放地图[我认为是 map.fitBounds(place.geometry.viewport)]。