Implement Pin Clustering and Expand on Click for Explore Page in Map View

[rcAsironman]

Description
The current Explore page displays notes with pins. In some cases, multiple notes are located close to each other, making it difficult to distinguish the pins. As a result, users may have a poor experience when trying to view all the pins on a single map. To address this issue, cluster the nearest pins and display the count of notes present in that location when more than one note is available. Additionally, when a user clicks on a cluster, it should expand to display the individual pins.

Tasks

• Understand the current Explore page functionality.
• Observe the Explore screen of the "Where's Religion" website.
• Implement the required functionality for clustering the pins and expanding the cluster on click to display individual pins.
• Write test cases related to the implemented functionality.
• Ensure the app runs without any issues on both iOS and Android.

Acceptance Criteria

• Clustering should function properly without any issues.
• Clicking on a cluster should display the individual pins.
• All test cases must pass.
• The app should run without any issues on both iOS and Android.

Reference

https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTi2y6_VOGZ4cBBfU86IkRYFC_nTG8Y5X2Mjg&s