Javascript react google maps fitBounds和panToBounds不会缩放地图 const Map=withGoogleMap（props=>{ const{activeMarker，zoom，center，showInfoWindow，products}=props； 常量[selectedPlace，setSelectedPlace]=useState（null）； //迭代项目以调整地图的大小、居中和缩放以包含所有标记 常数fitB=（）=>{ 让bounds=newwindow.google.maps.LatLngBounds（）； log（{bounds}）； 产品&& products.map（地点=>{ 扩展({ 纬度：parseFloat（地点纬度）， lng:parseFloat（地点、经度） }); }); log（{extended:bounds}）； 返回边界； }; 返回( fitB（）} fitBounds={{latLngBounds:（）=>fitB（）} 缩放={zoom} 中心={center} > {products.map（bc=>( ))} ); });

我正在使用react google maps制作地图，而fitBounds/panToBounds的默认道具似乎根本没有设置地图的边界

至于代码。fitBounds/panToBounds道具似乎根本不调用fitB（）方法

---

我想使用Google map的fitBounds方法调整地图的大小，以放大并适应标记，因为

fitBounds（）

是一种方法，而不是Google map的属性，所以它不起作用。与

panToBounds（）类似

。您需要设置地图参照的边界

例如：

然后你可以做：

const refs = {}

onMapMounted: ref => {
  refs.map = ref;
}

使用图书馆的文档进行指导：

希望这有帮助

const refs = {}

onMapMounted: ref => {
  refs.map = ref;
}

let bounds = new window.google.maps.LatLngBounds();
bounds.extend({
  lat: parseFloat(place.latitude),
  lng: parseFloat(place.longitude)
});
refs.map.fitBounds(bounds);