Send data from marker in Leafy Map

lorrmuee · 2024-07-08T23:45:26.800Z

How do you send the related data of a marker in (Leafy Maps) to another page when a marker is clicked? (Using spa navigations)

Zeroic · 2024-07-10T12:10:59.309Z

Are you using a plugin or custom code for Leafy maps?

lorrmuee · 2024-07-10T14:21:13.219Z

Using this plugin Leafy Maps Plugin | Bubble

Each marker on the map represents products from other users. (it works)

Now, I don’t know how to open a popup or navigate to the product detail page to display the product when the marker is clicked

tylerboodman · 2024-07-11T05:06:15.197Z

There should be an event “Marker is clicked” and reference the Map element’s clicked marker’s ID and use that when going to a page

lorrmuee · 2024-07-17T11:53:11.008Z

how do you exactly do that, to send the data to other page with “marker is clicked”? @tylerboodman

my-obssesion · 2024-07-17T12:15:05.684Z

I have almost the same problem I can’t extract the latitude or longitude of the marker when we click on the marker

latitude longitude leafy1017×620 31.6 KB

Doing as in the picture doesn’t work.

tylerboodman · 2024-07-17T22:39:21.770Z

It is weird how the plugin does this but try this:

Save the list of things on the page via custom state

image879×1050 46.3 KB

Set the latitudes and longitudes with the same search (make sure it is sorted exactly the same). Also set the Unique name to something predictable like marker-

image800×1784 86.9 KB

Then when the user clicks the marker it triggers the event:

image752×1226 52.7 KB

So you basically take the marker # clicked, it finds the Thing in the custom state list with the same # position and sends that to the next page. The next page has the same datatype as the custom state list.

my-obssesion · 2024-07-18T15:54:02.406Z

nice thank very mutch it’s perfect

system · 2024-09-16T23:46:00.733Z

This topic was automatically closed after 70 days. New replies are no longer allowed.