Leaflet in modal no marker

Wappler General Need Help
1

I have a list of addresses with a button to data-detail. Clicking the button will open the modal and show leaflet map. Centered as initiated. The address plus coordinates from the Data_Detail are show in the heading, but not on the map. No marker either.
How can I fix this?
It is at Adressen in Skuzum

This is the code:

<div class="modal-body">
                    <div is="dmx-leaflet-map" id="leafletmap1" latitude="53.0425366" longitude="5.4190261" address="Boppesteech 1, Idsegahuizum" zoom="17" style="width: 100%; height: 600px;" scale-control="true" scale-control-imperial="false" dmx-bind:markers="ddadres.data" marker-id="id_adres" marker-latitude="breedtegraad" marker-longitude="lengtegraad" marker-tooltip="straat+' '+huisnummer" keyboard="false">
                    </div>
                </div>
2

What happens if the map is on the page, do you then see the marker?

4

It is on the page now, but no marker.
So I have 2 maps on the page now. The top one its data from data-detail and shows no markers.
The bottom one gets data from the regular server action and shows all the the markers.

5

On your page you have 2 data detail regions: ddadres and ddadres1. With your button you are setting the data to the ddadres1 but for the map you are using dmx-bind:markers="ddadres.data" so as no data is set for it, no pins are shown. Make sure to use the same data details for both the button that sets the data and in the map.

6

Ok, I totally remove the modal with the map. So now only the upper map on the page use ddadres. No more ddadres1.
The lower map still uses the basic sc.
The detail map still shows no Marker, although the address in the para above it shows the selected address from ddadres.

7

I see the issue. The problem is that the leaflet map expects an array and the data detail does not return an array but a single item object. You need to use the server action there directly and filter it instead.

8

I will try and get that done. No guarantees that I will do it correctly. You know my math is not very good. :hot_face:

9

Took me some time (as usual), but got it working now as I intended. Thanks @Teodor :joy: