We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Display datapoints on Map and selecting using mouse and displaying a menu of actions

Hi,

I am trying to display on a Map a dot for each city from a web api and give user the ability to select a portion of the map using mouse selection and then display a menu of actions that user can perform on the cities that are in the selected area on the map?

Is this possible with Syncfusion Javascript/Asp.net Map control?

This is our use case.

1. User logs into a website.
2. Sees a map of USA with dots displaying all the cities where the customer has their product in
3. select an area on the map
4. either right-click after the area has been selected or using a action button on the map ( top-right) 
5. displays a set of actions as a context menu to perform.

Appreciate if you can tell if this kind of interactivity (with events) is supported from the map. 

1 Reply

MV Mohana V Syncfusion Team February 18, 2015 01:21 PM UTC

Hi Ramachandra,

Query : A map of USA with dots displaying all the cities where the customer has their product and select a portion of the map using mouse selection and then display a menu of actions

The markers support can be used to display dots on the USA map based on the latitude and longitude values.

Please find the below documentation for more details about markers in Map control:

Documentation link:
http://help.syncfusion.com/ug/js/documents/mapelements.htm

The markerSelected event can be used for displaying a menu of actions, when markers has been selected.

Please find the sample from the following location,


MapSample.zip


In the above sample, we have populated the markers property with datasource from "USLocation" js file and invoked markerSelected event to display Name, Country, latitude and longitude values of selected markers.

Please let us know in case of any queries.

Regards,
Mohana V



Loader.
Live Chat Icon For mobile
Up arrow icon