Custom marker InfoWindow in google maps iOS swift?

Question

I'm using google map iOS in my app , i want to show custom marker info window.How can i create it? I'm using storyboards and swift as the language.

Answer 1

I had one such problem with my app.

1. In your ViewController.swift:

    class ViewController: GMSMapViewDelegate {
           func mapView(_ mapView: GMSMapView, markerInfoContents marker: GMSMarker) -> UIView? {
   
                   let placeMarker = marker as! PlaceMarker
   
                   if let infoView = UIView.viewFromNibName("MarkerInfoView") as? MarkerInfoView {
                       infoView.nameLabel.text = placeMarker.place.name
   
                       if let photo = placeMarker.place.photo {
                           infoView.placePhoto.image = photo
                       } else {
                           infoView.placePhoto.image = UIImage(named: "generic")
                       }
   
                       return infoView
                   } else {
                       return nil
                   }
               }
           }
   

2.Then create a UIView class:

import UIKit

class MarkerInfoView: UIView {

    @IBOutlet weak var placePhoto: UIImageView!
    @IBOutlet weak var nameLabel: UILabel!
}

3. Then create a xib file named the same as UIView class:

Note that the class name is the same as UIView class. You can add label and images as per your requirement. Connect those IBOutlets to the UIView class as shown.

Hope this helps you. All the Best!