Edit Question - KnowledgeHub

Title Body

I'm using fitBounds() to set the zoom level on my map too include all the markers currently displayed. However, when I have only one marker visible, the zoom level is 100% (... which zoom level 20 I think...). However, I don't want it to be that far zoomed in so the user can adjust the position of the marker without having to zoom out. I have the following code: var marker = this.map.createMarker(view.latlng, this.markerNumber); this.map.bounds.extend(view.latlng); this.map.map.setCenter(this.map.bounds.getCenter()); this.map.map.fitBounds(this.map.bounds); if (this.markerNumber === 1) { this.map.map.setZoom(16); } this.markerNumber++; where this.map.bounds was previously defined as: this.map.bounds = new google.maps.LatLngBounds(); However, the problem I am having is that the line this.map.map.setZoom(16); doesn't work if I use this.map.map.fitBounds(this.map.bounds); , however, I know that line of code is correct because when I comment out the fitBound() line, the setZoom() magically starts functioning. Any ideas how I resolve this? I'm thinking of setting a maxZoom level as an alternative if I can't get this working.

Tags (comma-separated) Cancel