Read now

Marker Clustering in Google Map | Swift

Today, we will discuss about Marker clustering in swift on Google Maps.

lets small looks about the Marker cluster.

The marker clustering utility helps you to manage multiple markers at different zoom levels. When you view the map at a high zoom level it will show the individual markers on the map and when you zoom out it will show the markers gather together into clusters.

Google introduces Google-Maps-iOS-Utils library for easier to implement in the app. To read more details please visit Google Marker Cluster.

Getting Started

Swift version: 5
iOS version: 13
Xcode: 11.3

Step 1: Create a project from Xcode.

File ▸ New ▸ Project…. Choose the iOS ▸ Application ▸ Single View App template and create a new project.

Step 2:  Install Google-Maps-iOS-Utils pod in the project.

Step 3: Add UIView in our Viewcontroller and set the GMSMapView class for this view.
Note: You can create a view programmatically.

Step 4: Create an instance of GMUClusterManage and Pass the instance of GMSMapView you want to implement marker clustering.

Follow the below protocols to the GMUClusterManager instance:

  1. GMUClusterIconGenerator: This provides application logic that fetches the cluster icons to be used at different zoom levels.
  2. GMUClusterAlgorithm: Specifies an algorithm that determines the behavior of how markers are clustered. The distance between markers to include in the same cluster.
  3. GMUClusterRenderer: Provides application logic that handles the actual rendering of the cluster icons on the map.

Step 5: Now add markers in the cluster.
Two ways you can add a marker in the cluster.
First individually:

Second Array:

Step 6: Now passed the markers to the cluster.

Great!!  the code part has done. Now run the app.

I hope this code will help you better to understand Marker Cluster. If you feel any doubt or query please comment below.

Thank you.

. . .

Comment

Add Your Comment

Be the first to comment.

css.php
Hire Us!
Brief us about your requirements and we'll get back to you.
Woo! Hooy!
We have just recieved your project brief and our expert will contact you shortly.
Send Again
Close