Easily add interactive, customizable maps to your Wappler projects. Leaflet Maps is a lightweight, open-source JavaScript library for creating interactive maps on the web. It offers simplicity and versatility, making it easy to integrate dynamic maps with custom markers into your Wappler projects.
Inspector Property Groups
Leaflet Marker Properties
| Property |
Type |
Details |
| ID | text | Required in common setups.
Attribute: id |
| Color | droplist | Attribute: color
Options: Default, Pink, Dark Blue, Lila, Magenta, Red |
| Address | textarea | Attribute: address |
| Latitude | text | Attribute: latitude |
| Longitude | text | Attribute: longitude |
| Tooltip | text | Attribute: tooltip |
Dynamic Attributes
Color
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Latitude
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Longitude
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Dynamic Events
Click
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Dblclick
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Move
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
