Create MarkerCluster dinamically

[Sergio cortes blanquez]

Hello,

I am creating a component to draw dinamically different markers in a map. I need to implements markerClustering too but it doesn't works. Can somebody help me? An example?

I paste the method to create dinamically the markers:

addMarker(latitude, longitude, index) {

   let layerIndex: number = 1;

   let marker: MarkerSettingsModel[];

   let dynamicMarker: MarkerSettingsModel[] = this.maps.layersCollection[layerIndex].markerSettings;

   dynamicMarker.push(new MarkerSettings(this.maps, 'markerSettings', marker));

   let markerIndex: number = dynamicMarker.length - 1;

   dynamicMarker[markerIndex].visible = true;

   dynamicMarker[markerIndex].dataSource = [

       { latitude: latitude, longitude: longitude, name: 'dynamicmarker', id: index }

   ];

   dynamicMarker[markerIndex].template = '<div style="cursor:pointer; height:8px;width:8px;border-radius: 8px 8px; background-color:red; border:2px solid gray;"></div>';

   dynamicMarker[markerIndex].tooltipSettings =  { visible: true, template:`<div>Maquina:${index}</div>` };

  }

And I paste the main configuration of the layer

  public layers: any[] = [

    {

      layerType: 'OSM',

    },

    {

      shapeData: barriosMadrid,

      type: 'SubLayer',

      animationDuration: 0,

      visible: true,

      shapeSettings: {

        fill: 'rgba(141, 206, 255, 0.3)',

        border: {

          color: '#1a9cff',

          width: 1

        }

      }

    },

  ];

[Sharmi Murugan]

Hi Sergio, 

  

Thank you for contacting Syncfusion support. 

  

We are facing some difficulties when adding markers in the map with the provided code snippet by enabling the marker cluster feature. However, we will analyze and update you with further details on August 27, 2020. 

  

Regards, 

Sharmi. 

[Sharmi Murugan]

Hi Sergio, 

  

Sorry for the inconvenience caused. 

  

We are tried to dynamically render the markers with marker cluster feature enabled. We are facing a issue when the cluster is rendered initially. The position of the marker cluster is not proper initially. When we perform zooming, the clusters are rendered properly. However, we are analyzing this issue further and update you with further details on August 31, 2020. 

  

Regards, 

Sharmi. 

[Sergio cortes blanquez]

Ok, thanks!

[Swetha Babu]

Hi Sergio,

Thank you for your update.

Most Welcome! Please let us know if you need further assistance.

Regards,
Swetha 

[Swetha Babu]

Hi Sergio,

Thank you for your patience.

We have confirmed the reported issue as a bug and logged a defect report for the same. We will include this fix in our 2020 Volume 4 release which is expected by the end of September 2020.

Regards,
Swetha Babu

[Indumathi Ravi]

Hi Sergio,

Sorry for the inconvenience caused.

We have confirmed the reported issue as a bug and logged a defect report for the same. We will include this fix in our 2020 Volume 3 release which is expected by the end of September 2020.

Regards, 

Indumathi R

[Swetha Babu]

Hi Sergio,

Thank you for your patience.

We have included the fix for the reported issue of "Adding the Marker Cluster dynamically" in our Essential Studio Volume 3 Main Release(v18.3.0.35) which is rolled out and is available for download under the following link.

https://www.syncfusion.com/forums/158306/essential-studio-2020-volume-3-release-v18-3-0-35-is-available-for-download

We thank you for your support and appreciate your patience in waiting for our release. Please let us know if you need any further assistance.

Regards,
Swetha Babu