Using Leaflet maps with leaflet search

[psweb]

This is the on page code

<div is="dmx-leaflet-map" id="leafletmap_cms_day" latitude="51.505" longitude="-0.09" zoom="10" style="width: 100%; height: 600px;" tile-provider="Stadia Alidade Smooth" prefer-canvas="true">
    <dmx-leaflet-search id="leafletsearch_cms_day" keep-result="true"></dmx-leaflet-search>
</div>

When I run this the result is great

However I can not capture any of the bindings

Wappler wants to set the bindings from the results array but mine is always empty?

Anyone got any suggestions, @patrick could this be a bug possibly.

[psweb]

I am really not having the greatest of times here with maps, so after I could not overcome this issue, I chatted with the customer and got a proper google cloud console account with billing all setup, and activated the APIs to rather use the Google Paces Auto Complete component.

But when i try to use it I am suddenly getting this warning and it does not seem to be working

I am hoping I am just doing something wrong, but I dont think so as I have used these same components many times before, so assume this is a change Google made on 1st of March 2025 as the warning states that has caused it.

EDIT: I did get the Auto Complete component working by taking it out of the Modal window. I also managed to make it work inside the modal window by adding.

.pac-container {z-index:10000 !important;}