Want to show infowindow on marker click.

[Yogesh Patil]

Hello Team,

I am using other maps component. I have added markers on map. Now, I want to open popup as infowindow to show specific details on marker click. In this popup I have show image also. So how to achieve this with syncfusion.

Thanks,

Yogesh

[Yogesh Patil]

Forget to mention that, I am using OSM map to render.

[Indumathi Ravi]

Hi Yogesh,

To achieve the scenario, use the "Syncfusion Dialog" component and the "markerClick" event in the Maps component. They both assist in the display of specific details and images in the Dialog component on marker click. Please see the code snippet below.

We have created a sample to demonstrate the same and it can be downloaded from the below link.

https://stackblitz.com/edit/react-25xy8e-ybbgit

Please let us know if the above solution meets your requirement.

Regards,

Indumathi R.

[Yogesh Patil]

Hello Syncfusion,

Above solution is working. But I have to identify which mouse key pressed i.e. Left Mouse Key or Right. So can we find out on marker click. Please suggest.

Thanks,

Yogesh

[Indumathi Ravi]

Hi Yogesh,

In the "markerClick" event, we can't tell whether the left or right button is pressed. However, the Maps component includes a "rightClick" event that notifies us of a right click event on the Maps. However, the event is currently not being properly triggered in the component, and we are working to resolve the issue. So, could you please confirm whether you require a property in the event argument of the "markerClick" event or if the "rightClick" event will be enough?