# Can I use the Worldmap nodes with UIBUILDER? (Yes)

**URL:** <https://discourse.nodered.org/t/can-i-use-the-worldmap-nodes-with-uibuilder-yes/87890>\
**Category:** FAQs\
**Tags:** uibuilder\
**Created:** [12 May 2024 10:11 UTC](https://discourse.nodered.org/t/can-i-use-the-worldmap-nodes-with-uibuilder-yes/87890 "2024-05-12T10:11:05Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [12 May 2024 10:34 UTC](https://discourse.nodered.org/t/can-i-use-the-worldmap-nodes-with-uibuilder-yes/87890/2 "2024-05-12T10:34:08Z")

</div>

By the way, using the [LeafletJS](https://leafletjs.com) library directly (this is the same library that worldmap uses) is not really much harder since UIBUILDER already provides comms between Node-RED and the browser.

Add the leaflet js library and css to your page, add a div with an id="map" (so you can use leaflet's examples). Then add the example code from their website.

To send a user click on the map back to Node-RED:

```auto
function onMapClick(e) {
    // console.log('leaflet click', e)
    uibuilder.send({topic: 'leaflet click', payload: e.latlng})
}

```

That's it!

Now you can build your own map apps 😀

---

_[View the full topic](https://discourse.nodered.org/t/can-i-use-the-worldmap-nodes-with-uibuilder-yes/87890)._