# How can I get a msg.payload value to use it in a template and plot a map on a dashboard? 

**URL:** <https://discourse.nodered.org/t/how-can-i-get-a-msg-payload-value-to-use-it-in-a-template-and-plot-a-map-on-a-dashboard/66310>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [11 August 2022 06:47 UTC](https://discourse.nodered.org/t/how-can-i-get-a-msg-payload-value-to-use-it-in-a-template-and-plot-a-map-on-a-dashboard/66310 "2022-08-11T06:47:10Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![dynamicdave](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dynamicdave/32/96_2.png) [@dynamicdave](https://discourse.nodered.org/u/dynamicdave)\
**Post date:** [12 August 2022 06:04 UTC](https://discourse.nodered.org/t/how-can-i-get-a-msg-payload-value-to-use-it-in-a-template-and-plot-a-map-on-a-dashboard/66310/4 "2022-08-12T06:04:53Z")

</div>

I've not done it that way with a ui\_template - I'm sure Google map's will need an API 'key' to be supplied.  
If you do a search for 'google maps' on this forum you will see what other people have encountered.

I make use of this node to show a map on the **Dashboard**.  
There is a lot of information on how to use this node in the following link.

> **[node-red-contrib-web-worldmap](https://flows.nodered.org/node/node-red-contrib-web-worldmap)**
>
> A Node-RED node to provide a web page of a world map for plotting things on.

Here's an example to display/plot a mark on the map.

 ![map_details](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/e/3ec68306fe5f56a636511d888d653b5c71aff769.png)  
Note: The properties used are 'lat' and 'lon' (whereas Google uses 'lat' and 'lng').

As an example of how this node can be used, I used the web-worldmap node to plot wildfires around the world on the **Dashboard**

> [@Plotting the location of wildfires on the Dashboard](https://discourse.nodered.org/t/plotting-the-location-of-wildfires-on-the-dashboard/63048):
>
> Just been working on a "fun" project for my IoT students. Plotting the location of wildfires on the Dashboard. It makes use of data from NASA to plot markers on the worldmap node on the Dashboard. Although most of the function nodes (in the flow) use JavaScript, there is a section in the tutorial-guide that introduces some very basic JSONata to query and transform the array-data received from NASA. I must give credit to @E1cid for his work creating the Jsonata in the Chan…

Here's a direct link to the Tutorial mentioned in the above thread.  
[http://www.resources-area.co.uk/node-red-flows/wildfires/plotting\_wildfires.pdf](http://www.resources-area.co.uk/node-red-flows/wildfires/plotting_wildfires.pdf)

---

_[View the full topic](https://discourse.nodered.org/t/how-can-i-get-a-msg-payload-value-to-use-it-in-a-template-and-plot-a-map-on-a-dashboard/66310)._