Sfmaps clustering

[Arthur Liew]

Hi Syncfusion, 

I would like to know how to apply map marker clustered similar to https://developers.google.com/maps/documentation/javascript/marker-clustering

Best Regards,

Arthur

[Sridevi Sivakumar]

Hi Arthur Liew,

Greetings from Syncfusion.

We have analyzed your query, since we don’t have the direct supporty to achieve your requirement, have provided the workaround solution.

In ZoomLevelChanging event we have added marker based zoom level as per below code snippet: 

Code snippet: 

        private void ImageryLayer_ZoomLevelChanging(object sender, ZoomLevelChangingEventArgs e) 

        { 

            if (e.CurrentLevel <= 3) 

            { 

                imageryLayer.Markers.Clear(); 

                imageryLayer.Markers.Add(new CustomMarker() { Latitude = "28.6519508", Longitude = "77.2314911",ImageName= ImageSource.FromResource("Maps_ClusteringMarkers.Icons.Image0.png") }); 

            } 

            if (e.CurrentLevel >= 4) 

            { 

                imageryLayer.Markers.Add(new CustomMarker() { Latitude = "27.1833305", Longitude = "78.0166702",ImageName=ImageSource.FromResource("Maps_ClusteringMarkers.Icons.Image1.png") }); 

                imageryLayer.Markers.Add(new CustomMarker() { Latitude = "26.9196205", Longitude = "75.7878113",ImageName=ImageSource.FromResource("Maps_ClusteringMarkers.Icons.Image2.png") }); 

                imageryLayer.Markers.Add(new CustomMarker() { Latitude = "26.8392792", Longitude = "80.9231262",ImageName=ImageSource.FromResource("Maps_ClusteringMarkers.Icons.Image3.png") }); 

                imageryLayer.Markers.Add(new CustomMarker() { Latitude = "29.4476795", Longitude = "75.6720581", ImageName = ImageSource.FromResource("Maps_ClusteringMarkers.Icons.Image4.png") }); 

            } 

        } 

Screenshot:
Initial Marker Placement:  

   

 

Clustering of markers when level changed:  

  

 

 

Please download the sample from the below link,
https://www.syncfusion.com/downloads/support/forum/163090/ze/Maps_ClusteringMarkers-160146790

Please check with the sample and it meets your requirement. Let us know if you need any further assistance.

Regards,
Sridevi S.