CODEWITHSUNDEEP
swiftgoogle-mapszoomingmarkersfitbounds
Raul F.
Raul F.

Reputation: 81

Swift GoogleMaps fitBounds Zoom

New coder try to fit GoogleMap in my view.

I have searched a lot of information and I have come to this conclusion, but it does not work for me.

override func loadView() {

    var markerList = [GMSMarker]()

    // Create a GMSCameraPosition
    let camera = GMSCameraPosition.camera(withLatitude: 4.390205, longitude: 2.154007, zoom: 8)
    let mapView = GMSMapView.map(withFrame: CGRect.zero, camera: camera)
    mapView.isMyLocationEnabled = true
    view = mapView

    mapView.settings.myLocationButton = true
    //mapView.setMinZoom(10, maxZoom: 20)

    //create markers
    for loc in arrayOfMapStops {
        let marker = GMSMarker()
        marker.position = CLLocationCoordinate2D(latitude: loc.lat, longitude: loc.long)
        marker.title = loc.address
        marker.snippet = loc.type
        if loc.type == "Entrega" {marker.icon = GMSMarker.markerImage(with: .green)}
        else {marker.icon = GMSMarker.markerImage(with: .blue)}
        marker.map = mapView
        markerList.append(marker)
    }

    //fit map to markers
    var bounds = GMSCoordinateBounds()
    for marker in markerList {
        bounds = bounds.includingCoordinate(marker.position)
    }
    let update = GMSCameraUpdate.fit(bounds)
    mapView.moveCamera(update)
}

The map is not adjusted with the proper zoom.

image of situation

Anyone can help me with the zoom issue?

Thanks in advance :)

Upvotes: 3

Views: 4042

Answers (2)

Gangireddy Rami Reddy
Gangireddy Rami Reddy

Reputation: 989

Please follow these below code

if self.allSelectedActiveMarkers.count > 0 {
               let firstLocation = CLLocationCoordinate2D(latitude: self.allSelectedActiveMarkers.first?.currentLat ?? 0.0, longitude: self.allSelectedActiveMarkers.first?.currentLong ?? 0.0)
                 var bounds = GMSCoordinateBounds(coordinate: firstLocation, coordinate: firstLocation)
                 for marker in self.allSelectedActiveMarkers {
                   bounds = bounds.includingCoordinate(marker.position)
                 }
                let update = GMSCameraUpdate.fit(bounds, withPadding: CGFloat(20))
                self.mapView.animate(with: update)
             }

Upvotes: 0

Raul F.
Raul F.

Reputation: 81

I solved the problem by myself. I use DispatchQueue to set the right zoom to my map.

Here is my final code: 

override func loadView() {

    var markerList = [GMSMarker]()

    // Create a GMSCameraPosition
    let camera = GMSCameraPosition.camera(withLatitude: 40.4167 , longitude: -3.70325, zoom: 8)
    let mapView = GMSMapView.map(withFrame: CGRect.zero, camera: camera)
    mapView.isMyLocationEnabled = true
    view = mapView

    mapView.settings.myLocationButton = true
    //mapView.setMinZoom(10, maxZoom: 20)

    //create markers
    for loc in arrayOfMapStops {
        let marker = GMSMarker()
        marker.position = CLLocationCoordinate2D(latitude: loc.lat, longitude: loc.long)
        marker.title = loc.address
        marker.snippet = loc.type
        if loc.type == "Entrega" {marker.icon = GMSMarker.markerImage(with: .green)}
        else {marker.icon = GMSMarker.markerImage(with: .blue)}
        marker.map = mapView
        markerList.append(marker)
    }

    delay(seconds: 3) { () -> () in
        //fit map to markers
        var bounds = GMSCoordinateBounds()
        for marker in markerList {
            bounds = bounds.includingCoordinate(marker.position)
        }
        let update = GMSCameraUpdate.fit(bounds, withPadding: 100.0)
        mapView.animate(with: update)
    }
}

func delay(seconds: Double, completion:@escaping ()->()) {
    let when = DispatchTime.now() + seconds
    DispatchQueue.main.asyncAfter(deadline: when) {
        completion()
    }
}

:)

Upvotes: 5

Related Questions