CafeNomad — GoogleMap and ContainerView

Feature update!

Now can check the map to find which coffee shop is better around you. Every time select a marker, table view will display it’s info on the top.

2 Demo feature:

1. GoogleMap

Add GMSMarker to the map

func createMarkers(shops: [Shop]) {
for shop in shops {
// marker init
let marker = GMSMarker()
if let latitude = Double(shop.latitude!), let longitude = Double(shop.longitude!) {
marker.position = CLLocationCoordinate2D(latitude: latitude , longitude: longitude)
}
// markers setup
marker.title = shop.name
marker.snippet = shop.open_time
marker.map = self.mapView
self.shops.append(shop)
}}

Adding a Map with a Marker | Google Maps SDK for iOS | Google Developers

2. Container View

For a easy way to setup a map that does not cover the whole view, I choose container view to separate the scene and using unwind segue to pass the tap marker data to the table view controller.

extension MapViewController: GMSMapViewDelegate {
// Tap the marker then
func mapView(_ mapView: GMSMapView, didTap marker: GMSMarker) -> Bool {
selectedMarker = marker
// Find the shop information by checking through the array
for shop in shops {
if shop.name == marker.title {
//  append the info to array
self.textLabel.insert(marker.title!, at:0)
// send shop info to table view
performSegue(withIdentifier: PropertyKeys.unwindToPlaces, sender: marker)
}}
// return true if you want to close the marker after tap
return false
}}

In Table View Controller:

class PlacesTableViewController: UITableViewController {
var textLabel = [String]()
var detailTextLabel = [String]()
// unwind segue IBAction setup
@IBAction func unwindToPlacesTVC(segue: UIStoryboardSegue) {
let source = segue.source as? MapViewController
if let textLabel = source?.textLabel, let detailTextLabel = source?.detailTextLabel {
self.textLabel = textLabel
self.detailTextLabel = detailTextLabel
self.tableView.reloadData()
}}

Github:

CoalaCola/CafeNomad