javascript - 如何从中心计算 map LatLngBounds 并手动缩放？

Question

我正在尝试使用 react-google-maps 渲染 Google map 。在 map 完全加载之前，我使用 geolocation.navigator 函数获取用户当前位置，但我需要使用用户位置作为中心和预设缩放级别来计算 map 的边界，比如说，5。我怎样才能做到这一点？

Answer 1

最简单的方法是在 Google map 组件上将默认缩放设置为 5:

<GoogleMap
  ref="map"
  defaultZoom={5}
  defaultCenter={{ lat: -25.363882, lng: 131.044922 }}
>

defaultCenter 是这种格式的用户位置。

然后像这样获取边界:

let map = this.refs.map;
let bounds = map.getBounds();

let geoBounds = {
  swLat: bounds.getSouthWest().lat(),
  swLng: bounds.getSouthWest().lng(),
  neLat: bounds.getNorthEast().lat(),
  neLng: bounds.getNorthEast().lng(),
};