Animate Map to Location is Not Working Google Maps iOS

Question

import UIKit
import GoogleMaps
import FirebaseDatabase
import GeoFire

class MapViewController: UIViewController, CLLocationManagerDelegate, GMSMapViewDelegate {
    var mapView = GMSMapView()

    var locationManager: CLLocationManager!
    let regionRadius: CLLocationDistance = 1000
    var place = CLLocationCoordinate2D()

    @IBOutlet var myLocationButton: UIButton!
    @IBOutlet var infoWindow: UIView!
    @IBOutlet var postTitle: UILabel!
    @IBOutlet var postImage: UIImageView!

    var showing = false;
    var pins = [String: Pin]()
    var currentMarker = GMSMarker()

    override func viewDidLoad() {
        super.viewDidLoad()

        // sets up the map view (camera, location tracker etc.)
        let camera = GMSCameraPosition.camera(withLatitude: place.latitude, longitude: place.longitude, zoom: 17.0)
        let mapView = GMSMapView.map(withFrame: CGRect.zero, camera: camera)
        mapView.isMyLocationEnabled = true
        mapView.delegate = self
        view = mapView

        self.view.addSubview(myLocationButton)
        self.view.bringSubview(toFront: myLocationButton)

        // Location manager
        locationManager = CLLocationManager()
        locationManager.desiredAccuracy = kCLLocationAccuracyBestForNavigation
        locationManager.requestAlwaysAuthorization()
        locationManager.delegate = self
        locationManager.startUpdatingLocation()

        // Get nearby records
        let geoFire = GeoFire(firebaseRef: FIRDatabase.database().reference().child("geofire"))
        let query = geoFire?.query(at: CLLocation(latitude: place.latitude, longitude: place.longitude), withRadius: 0.6)

        _ = query?.observe(.keyEntered, with: { (key, location) in
            let marker = GMSMarker()
            let newPin = Pin(title: "post", locationName: "\(key!)", discipline: "", coordinate: (location?.coordinate)!)
            self.pins[newPin.locationName] = newPin
            marker.icon = UIImage(named: "icon_small_shadow")
            marker.position = Pin.coordinate
            marker.title = Pin.title
            marker.snippet = Pin.locationName
            marker.map = mapView
        })

        myLocationTapped(myLocationButton)

    }

    // sets the info in the custom info window
    func mapView(_ mapView: GMSMapView, didTap marker: GMSMarker) -> Bool {

         if(currentMarker == marker && showing) {
           infoWindow.isHidden = true
            showing = false
         } else {
            infoWindow.isHidden = false
            self.view.addSubview(infoWindow)
            self.view.bringSubview(toFront: infoWindow)
            postTitle.text = marker.snippet
            showing = true
        }

        currentMarker = marker

        return true
    }

    @IBAction func myLocationTapped(_ sender: Any) {
       print("tapped")
       let cameraPosition = GMSCameraPosition.camera(withLatitude: place.latitude, longitude: place.longitude, zoom: 15.0)
       mapView.animate(to: cameraPosition)
    }

I have the following code set up, designed to place a button on the google maps map that when tapped, animates the google maps camera to that location. However, my code doesn't work. The "tapped" prints in the console but the camera doesn't budge. I haven't been able to find an answer anywhere for this, so any help would be appreciated.

EDIT: Added full code for the Map View Controller

@Nirav D yes, it's getting called. "Tapped" gets printed every time I tap the button. — ch1maera, May 13 '17 at 12:37
after `print(Tapped)` and one more print statement like `print(place.latitude, place.longitude)` and add here the console log of it — Nirav D, May 13 '17 at 12:58
Problem is in this line `view = mapView` of `viewDidLoad` change it with `self.mapView = mapView` I have also edited my answer — Nirav D, May 13 '17 at 13:24

score 12 · Answer 1 · answered Feb 27 '18 at 17:00

12

In my case the map wasn't updating because I was not calling the method on the main queue. The following code solved the issue:

DispatchQueue.main.async {
        self.mapView.animate(to: camera)
    }

Anything action related to the user interface should be called in the main queue

answered Feb 27 '18 at 17:00

Hugo Jordao

786
8
9

This helped me a lot. Thank you! – BharathRao Jan 09 '20 at 13:14

Nirav D · Accepted Answer · 2017-05-13T13:36:19.483

9

Try this way

let cameraPosition = GMSCameraPosition.camera(withLatitude: place.latitude, longitude: place.longitude, zoom: 15.0)
mapView.animate(to: cameraPosition)

Edit: Issue is you aren't having the reference of your map with your mapView object, change your viewDidLoad's line:

view = mapView

TO:

// sets up the map view (camera, location tracker etc.)
let camera = GMSCameraPosition.camera(withLatitude: place.latitude, longitude: place.longitude, zoom: 17.0)
let mapView = GMSMapView.map(withFrame: view.bounds, camera: camera)
mapView.isMyLocationEnabled = true
mapView.delegate = self
self.mapView = mapView
view.addSubview(self.mapView)

edited May 13 '17 at 13:36

answered May 13 '17 at 11:46

Nirav D

71,513
12
161
183

Still not animating. At this point, I'm thinking it must be an error somewhere else in my code because nothing works. – ch1maera May 13 '17 at 11:51
to the best of my knowledge, there are no asynchronous calls. It's just a MapView code that gets data from firebase for the pins and displays them on the map. I don't think the Firebase loading is the issue. – ch1maera May 13 '17 at 11:57
I can post the entire map view code if that would be more helpful? – ch1maera May 13 '17 at 11:57
Place exists -- I checked. I added the full code above. – ch1maera May 13 '17 at 12:06
I tried that and I get a blank screen. Should I change `var mapView = GMSMapView()` to `var mapView: GMSMapView!`? – ch1maera May 13 '17 at 13:30
@ch1maera try to change `CGRect.zero` to `self.view.bounds` for frame when you initialized the mapview – Nirav D May 13 '17 at 13:32
@ch1maera Add mapview as subview in mainView edited answer with it – Nirav D May 13 '17 at 13:36

Animate Map to Location is Not Working Google Maps iOS

2 Answers2