Replace multiple markers with marker cluster. With marker cluster, your map can be more elegant than the traditional style.

1. Advanced Map Feature
- Marker Cluster
Mickey Chiang

2. What we’ll do

3. Before we begin...
Pre-requires
- Basic knowledge of Android and Kotlin programming
- Basic knowledge of map.
To learn more, see Get Started with Google Maps Platform
- Material
- [Android] 一起來做三倍券地圖吧(一)
- [Android] 一起來做三倍券地圖吧(二)

4. Google Map SDK for Android
- Please set up Google map API key first

5. Layout for MapsActivity

6. Set up for map

7. Add one marker

8. Add a custom marker image

9. Add BitmapHelper.vectorToBitmap
Note: vectorToBitmap was taken from the Maps SDK for Android
samples. For more information, see it on GitHub.

10. Put custom marker

11. Add multiple markers
VIDEO

13. Maps SDK for Android Utility Library
Update your build.gradle
Go ahead and update the dependencies section of your
app/build.gradle file.

14. Implement clustering
1. Implement the ClusterItem interface.
2. Subclass the DefaultClusterRenderer class.
3. Create a ClusterManager and add items.

15. 1.Implement the ClusterItem interface

16. 1.ClusterRenderer
- ClusterManager, internally uses a ClusterRenderer class to handle
creating the clusters as you pan and zoom around the map.
- In this project, markers need to be customized, you need to extend this class
and add the customizations in there.

17. 2.Subclass the DefaultClusterRenderer class
Comes from MapActivity
Comes from MapActivity

18. 2.Subclass the DefaultClusterRenderer class

19. 3.Create a ClusterManager and add items

20. 3.Handle onMapReady behavior
Please see page 19

21. Congratulations!
Your map look much elegant now!
VIDEO

22. Reference
Codelab:
Google Maps Platform 101—Android
Image Resources:
Icons

23. Find me @
LinkedIn Facebook Github