Google Maps for iOS, swift - How to show entire polyline between markers?

Question

I am trying to fit a polyline in the google map view. The polyline was acquired through overview_polyline in the google maps directions api.

Wondering how I would be able to convert an encoded polyline into something that can be worked with. I need to fit the polyline in the map view. All i have found out to do is fit the bounds to show all markers but not showcase the entire polyline.

func fitAllMarkers()
{

    var bounds = GMSCoordinateBounds()

    for marker in markers
    {
        bounds = bounds.includingCoordinate(marker.position)
    }

    googleMapView.animateWithCameraUpdate(GMSCameraUpdate.fitBounds(bounds))

}

anybody have any advice? still haven't been able to locate a solution for the GMSPolyline — lifewithelliott, Jan 31 '16 at 00:26
So you want to fit complete polyline in screen or you want to show perfect polyline on road? — Satish A, Feb 01 '16 at 05:28

Manuel BM · Accepted Answer · 2016-04-16T04:22:41.540

14

For Swift 2.0 Google Maps, to make your map view fit the polyline of the route you are drawing:

let path: GMSPath = GMSPath(fromEncodedPath: route)!
    routePolyline = GMSPolyline(path: path)
    routePolyline.map = mapView


    var bounds = GMSCoordinateBounds()

    for index in 1...path.count() {
        bounds = bounds.includingCoordinate(path.coordinateAtIndex(index))
    }

    mapView.animateWithCameraUpdate(GMSCameraUpdate.fitBounds(bounds))

edited Apr 16 '16 at 04:22

answered Apr 16 '16 at 04:16

Manuel BM

868
1
13
17

I appreciate the update greatly! Code works perfectly. I have one question though, Do you know how to possibly size the polyline to fit within a certain region of the screen. Example: Zoom into the polyline but the polyline is centered with 20 pts of space from the top and bottom of the screen? Thanks Again! :) – lifewithelliott Apr 16 '16 at 21:52
Hello! I needed to do the same thing but for now I could only resize the mapView's constraints to fit the region of the screen I wanted it to cover, then applied this "fitBounds" function. (Resizing it again to full screen after fittingBounds does not work). – Manuel BM Apr 18 '16 at 13:39
for swift 4, changed to bounds.includingCoordinate(path.coordinate(at: index)) – 21.kaw Jul 12 '19 at 08:28

Yash Bedi · Answer 2 · 2018-04-02T07:34:57.470

11

Though the question has an accepted answer,

Still one point which has not been discussed.

GMSPolyLine has a property ".path" which can used to bound the map with the complete polyline itself.

mapView.animate(with: GMSCameraUpdate.fit(GMSCoordinateBounds(path: self.polyLineObject.path!), withPadding: 10))

mapView is an instance of GMSMapView()
polyLineObject is an instance of GMSPolyLine()

With this approach, It'll do the job for sure.

Coz it has Done for me..

Hope it Helps..

edited Apr 02 '18 at 07:34

answered Aug 29 '17 at 06:27

Yash Bedi

1,323
17
25

glad I could help.! – Yash Bedi Nov 10 '20 at 16:45

score 2 · Answer 3 · answered May 22 '19 at 06:28

You can zoom the map according the route or line displayed in the mapview. So that your route is displayed with in the mapView bounds.

let bounds = GMSCoordinateBounds(path:path! )
self.mapView!.animate(with: GMSCameraUpdate.fit(bounds, withPadding: 50.0))

Here path is GMSPath of the route and mapView is GmsMapView.

score 1 · Answer 4 · answered Aug 01 '17 at 11:08

**For Swift 3.0 Google Maps, to make your map view fit the polyline of the route you are drawing:** 


func fitAllMarkers(_path: GMSPath) {
        var bounds = GMSCoordinateBounds()
        for index in 1..._path.count() {
            bounds = bounds.includingCoordinate(_path.coordinate(at: index))
        }
        mapView.animate(with: GMSCameraUpdate.fit(bounds))
    }

Google Maps for iOS, swift - How to show entire polyline between markers?

4 Answers4

Linked