I have a very map heavy app so need to plot map pins with latlong instead of using googles paid API. I have tried using Leafy maps but just canpt get it to work.
I immediately get this error and can’t work out what it means
please see screenshot. No response fro the plogin developer yet.
I have an api key from stadia as the demo walk through shows but do i need keys for the other inputs shown above “optional” ones in the thrird screenshot?
Thank you for reaching out and for sharing the screenshots. The error message you’re encountering, “Cannot read properties of undefined (reading ‘addLayer’)”, typically indicates that the plugin is trying to interact with a Leaflet map object that hasn’t been properly initialized or configured yet. Here’s how you can address the issue:
Steps to Troubleshoot and Fix the Issue:
Ensure the Map Element is Fully Loaded:
Make sure that the Leafy Map element is visible and fully initialized on the page before attempting to add markers.
You can use Bubble workflows such as “When the page is loaded” or “When the Leafy map is ready” to trigger the action of adding markers.
Verify Your Data for Adding Markers:
Double-check the data source you’re using for the Add list of markers action. Ensure that the latitude (lat) and longitude (lng) fields in your list are correctly populated.
If the data contains empty or incorrect values, the plugin might throw an error.
API Key Configuration:
If you’re using Stadia Maps (as mentioned), ensure that your API key is correctly added to the plugin settings.
The “optional” fields, such as tile layers, are not mandatory but can improve the map’s functionality. If you want custom map styles, you may need to configure those fields with specific tile layer URLs.
Test with a Minimal Setup:
To narrow down the issue, create a simple test page with only the Leafy Map element and one workflow to add a single marker using hardcoded lat/lng values. This will help identify whether the problem lies with the plugin configuration or the data source.Example of a test lat/lng marker:
Latitude: 51.5074
Longitude: -0.1278
Plugin Updates:
Ensure that you’re using the latest version of the Leafy Maps plugin. Older versions might have bugs that are fixed in newer releases.
For more details, feel free to check the plugin documentation and demo editor page for workflow examples:
If you have additional questions, feel free to reach out here on the forum or via our email atsupport@zeroqode.com
Thank you for getting back to me. I have it working using mapbox and It works with one marker (please see screenshot)
But not with a list of markers. I have two lat longs (please see screenshots)
It works with lat and longs that are amnually entered but it doesnlt seem to recognise the data in my table which are numnber types.
The single marker action works with manual input numbers btu when I doe a search for a table and then first item with a contraint to give one value it can’t find anything
We recommend using Step-by-Step mode in your app to verify that the latitude and longitude parameters are valid for each marker.
Could you also confirm which plugin you’re using? In your first message, you mentioned the Leafy Map plugin, but in your reply, you referred to Mapbox.
We suggest carefully reviewing the documentation and demo editor pages for both plugins, as they provide workflow examples that you can replicate. If you have any further questions about our products, don’t hesitate to reach out—we’re here to help!
To understand better what your use case is and what you are trying to achieve, please share screenshots or screencasts that show how you’ve set up the workflow, the plugin element configurations, the issue you’re experiencing, and what you were expecting instead. Loom is a great tool for recording screencasts.
Also, provide the type of device and operating system version you’re testing on, along with the plugin version installed. If error messages appear during screencasts, ensure your browser console is open, and include a link to the recording.
If there’s an available update for the plugin, try installing it to see if it resolves the issue. If the problem persists, kindly send us the additional details requested above.