Change markers bouding box to map bounding box on the first load.

data-mermaid · May 10, 2024 · 821436d · 821436d
1 parent 4b2d716
commit 821436d
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/LeafletMap.js b/src/components/LeafletMap.js
@@ -603,11 +603,14 @@ class LeafletMap extends Component {
     if (markersData.length === 0) {
       this.map.setView(mapProperty.center, mapProperty.zoom)
     } else {
-      const mapBounds = markersCluster.getBounds().pad(0.5)
+      const markerBounds = markersCluster.getBounds()
+
+      this.map.fitBounds(markerBounds)
+
+      const mapBounds = this.map.getBounds()
       const mapBoundingBox = this.createBoundingBox(mapBounds)
       const mapBoundingBoxCorner = mapBounds.getSouth()
 
-      this.map.fitBounds(mapBounds)
       this.setState({
         mapZoomLevel: this.map.getZoom(),
         mapBoundingBoxCorner,