26
Views
3
Comments
Solved
[LeafletJS - Reactive] Leaflet Forge component: AddPolygon and BindPopUp
leafletjs-reactive
Reactive icon
Forge asset by Vincent Koning
Application Type
Reactive

Hello,

I am currently working with the Leaflet Forge component in my OutSystems application, and I am having some problems using the `AddPolygon` and `BindPopUp` client actions. I would greatly appreciate guidance or insights on how to use these actions correctly for my project.

Here are the details of my use case:

1. I have integrated the Leaflet Forge component and successfully displayed a map on my screen.

2. I want to dynamically add polygons to the map and bind pop-up information to these polygons based on data from my application.

3. I have correctly assigned the PolygonList and LeafletMapName to the AddPolygon.

If anyone in the community has experience with the Leaflet Forge component and can provide examples or step-by-step instructions on how to effectively use the `AddPolygon` and `BindPopUp` client actions, that would be a huge help.

 

Thank you very much for your help.

 

Kind regards, Samy Sah



MicrosoftTeams-image (1).png
MicrosoftTeams-image (2).png
2020-09-21 08-42-47
Vincent Koning
Solution


I have uploaded a new version of Leaflet to the Forge. This includes an update to the lastest version of Leaflet as well as a new Demo app version to show the usage of the polygon popup.

2020-09-21 08-42-47
Vincent Koning
Solution

Hi Samy,

I have tried your situation in the Demo app (demo screen will be included in the next release). I have found no issues;

What I did was the following;

  1. I created a list of Polygons
  2. Added the Polygons to the map
  3. Created a popup with the BindPopUp action. I made sure that I used the polygon name as ComponentName
  4. See the result in the screenshot above.

The BindPopup inputs look like this;


2023-10-26 08-43-17
Samy Sah

Hey, can you share the oml of your test so that I can compare

2020-09-21 08-42-47
Vincent Koning
Solution


I have uploaded a new version of Leaflet to the Forge. This includes an update to the lastest version of Leaflet as well as a new Demo app version to show the usage of the polygon popup.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.