diff --git a/components/ContentType/HotelPage/Map/DynamicMap/Sidebar/index.tsx b/components/ContentType/HotelPage/Map/DynamicMap/Sidebar/index.tsx index 2e03bd466..5ed761081 100644 --- a/components/ContentType/HotelPage/Map/DynamicMap/Sidebar/index.tsx +++ b/components/ContentType/HotelPage/Map/DynamicMap/Sidebar/index.tsx @@ -38,9 +38,18 @@ export default function Sidebar({ function moveToPoi(poiCoordinates: Coordinates) { if (map) { const bounds = new google.maps.LatLngBounds() - bounds.extend(new google.maps.LatLng(coordinates.lat, coordinates.lng)) + const boundPadding = 0.02 + + const minLat = Math.min(coordinates.lat, poiCoordinates.lat) + const maxLat = Math.max(coordinates.lat, poiCoordinates.lat) + const minLng = Math.min(coordinates.lng, poiCoordinates.lng) + const maxLng = Math.max(coordinates.lng, poiCoordinates.lng) + bounds.extend( - new google.maps.LatLng(poiCoordinates.lat, poiCoordinates.lng) + new google.maps.LatLng(minLat - boundPadding, minLng - boundPadding) + ) + bounds.extend( + new google.maps.LatLng(maxLat + boundPadding, maxLng + boundPadding) ) map.fitBounds(bounds) }