Fit Map Bounds to Makers/Elements Automatically?

Can we add a Boolean input binding to the SebmGoogleMap component that automatically fits the map to the aggregate bounds of the markers/shapes/other map elements it contains?

If I’m not mistaken, it’s pretty easy to do in the native Google Maps JS API…you just create a new bounds, then loop through all the elements on the map and extend the bounds, the finally tell the map object for fit the bounds.

Currently, its a pain to manually update the map bounds every time a marker changes. Thanks.

[adrienlamotte]

+1 😃

I need to bound the map around my marker on load. Here is how I solved that for now :

<agm-map (mapReady)="storeMapReady($event)">
    <agm-marker *ngFor="let store of storesList" [latitude]="store.latitude" [longitude]="store.longitude"></agm-marker>
</agm-map>

public storeMapReady(map){
    this.storeMap = map;
    this.storeMap.fitBounds(this.findStoresBounds());
}

public findStoresBounds(){
    let bounds:LatLngBounds = new google.maps.LatLngBounds();
    
    for(let store of this.storesList){
      bounds.extend(new google.maps.LatLng(store.latitude, store.longitude));
    }
    
    return bounds;
}

[joostvanmeeuwen]

Any update?