Press "Enter" to skip to content

Google Maps with Custom View in iOS

Today I’m going to show you guys how easily one can integrate Google Maps to their apps.

Prerequisites:

  • Xcode 6.3 or above
  • CocoaPods Installed

Create an empty project, then open your terminal and type the following lines:

Just type cd and drag your project to the terminal it will automatically detect your path to the project.

Now type:

Then type the following lines it will open your Podfile:

Copy the following lines in your Podfile after target:

Your Podfile will look something like this:
pod

Save it and close it then come back to your terminal and type:

It will start installing the SDK.
And you’ll see outputs like:

Now go back to your project and you’ll see a file named yourproject.xcworkspace, similar to this:
podinstalled

Open its xcworkspace file, add a bridging header to your project and import GoogleMaps:
[code language=”css”]#import <GoogleMaps/GoogleMaps.h>[/code]

Then open your AppDelegate.swift and add your iOS API Key that you obtained from Google Developers’console:
[code language=”css”] GMSServices.provideAPIKey(“Your-iOS-API-Key”)[/code]

Now open your Main.storyboard and drag a UIView:cusview

and apply constraints to it:
cons

Click on your View and add GMSMapView as its Custom Class:
gmsclass

Now create a layout of the View of type GMSMapView:
outmap

Its time to the set the camera of the map. Lets say we want it to appear over Sydney, Australia when our app starts, then in your viewDidLoad do:

Now set up the marker; for that we are going to use GoogleMaps’ GMSMarker class. In your viewDidLoad write:

Save and Run it, this is the output that you’ll get:
sydney

I have uploaded this project on Github, so you guys can check it out.
If you guys have any question, please leave a comment.

Author: kodesnippets

Be First to Comment

Leave a Reply

Your email address will not be published. Required fields are marked *