Multiselect Markers with left click hold

Hello,

i could not find any solution for my scenario - Left click hold and select multiple markers within the selection rectangle

  1. How to left click hold selection on a map?
  2. How to multiselect markers ?
  3. Are there any events to receive the selected markers


I very much appreciate your support. Thank you +BR




1 Reply

HP Hemanathan Pandian Syncfusion Team August 31, 2022 01:05 PM UTC

Hi Bastian,


Thank you for contacting Syncfusion support.


Please find the details for your queries from the below table.

Queries

Details

Left click hold and select multiple markers within the selection rectangle

We do not support the selection of multiple markers with interaction in the Maps component. We have considered it as a feature and added it to our features request list. We do not have immediate plans to implement this feature. However, this feature will be available in any of our future releases. Please find the feedback link below to keep track of the feature.

 

https://www.syncfusion.com/feedback/36349

How to multiselect markers?

We support selecting multiple markers in the Maps component by selection each markers individually in the Maps. We can enable multi-select by setting “EnableMultiSelect” as “true” in the “MapsMarkerSelectionSettings” tag. Please find the code snippet for the same below.

 

Code snippet:

<MapsMarkerSettings>

               <MapsMarker Visible="true" TValue="PopulationCityDetails" DataSource="@PopulatedCities" Shape="MarkerType.Circle" Fill="red" AnimationDuration="0" Width="30" Height="30">

                              <MapsMarkerBorder Color="#285255" Width="2" />

                              <MapsMarkerSelectionSettings Enable="true" EnableMultiSelect="true" Fill="yellow"></MapsMarkerSelectionSettings>

               </MapsMarker>

</MapsMarkerSettings>

Are there any events to receive the selected markers

We can get the details(respective object in the data source) of the selected markers from the “Data” property of the event argument (MarkerClickEventArgs) of the “OnMarkerClick” event. Please find the code snippet for the same below.

 

Code Snippet:

<SfMaps>

<MapsEvents OnMarkerClick="MarkerClickEvent"></MapsEvents>

……

</SfMaps>

@code {

IDictionary<string, string> data = new Dictionary<string, string>();

    public void MarkerClickEvent(MarkerClickEventArgs args)

    {

        data = args.Data;

    }

}


Please let us know if you need any further assistance.


Regards,

Hemanathan P.


Loader.
Up arrow icon