google-map-react 使用多个标记使地图居中
google-map-react centering the map with multiple markers
当我有两个以上的标记时,如何找到地图的中心?当我只有 2 个时,我会这样做:
midPoint(trackingLocation, deliveryLocation) {
if (deliveryLocation) {
return [
trackingLocation.lat + (deliveryLocation.lat - trackingLocation.lat) * 0.5,
trackingLocation.lng + (deliveryLocation.lng - trackingLocation.lng) * 0.5
];
} else {
return trackingLocation;
}
}
但是当我有 5 个标记时,如何计算中心?
谢谢
找到包含所有标记的矩形,然后使用该矩形的中点。
首先,遍历所有标记并找到:
- 最小纬度
- 最小长度
- 最大纬度
- 最大长度
然后您可以使用以下两个点对两个标记进行相同的计算:
- (最小纬度, 最小经度)
- (最大纬度, 最大经度)
当我有两个以上的标记时,如何找到地图的中心?当我只有 2 个时,我会这样做:
midPoint(trackingLocation, deliveryLocation) {
if (deliveryLocation) {
return [
trackingLocation.lat + (deliveryLocation.lat - trackingLocation.lat) * 0.5,
trackingLocation.lng + (deliveryLocation.lng - trackingLocation.lng) * 0.5
];
} else {
return trackingLocation;
}
}
但是当我有 5 个标记时,如何计算中心?
谢谢
找到包含所有标记的矩形,然后使用该矩形的中点。
首先,遍历所有标记并找到:
- 最小纬度
- 最小长度
- 最大纬度
- 最大长度
然后您可以使用以下两个点对两个标记进行相同的计算:
- (最小纬度, 最小经度)
- (最大纬度, 最大经度)