# Creazione di una pagina con un iframe che contiene una mappa

**URL:** <https://discourse.nodered.org/t/creazione-di-una-pagina-con-un-iframe-che-contiene-una-mappa/47590>\
**Category:** Dashboard\
**Created:** [24 June 2021 16:03 UTC](https://discourse.nodered.org/t/creazione-di-una-pagina-con-un-iframe-che-contiene-una-mappa/47590 "2021-06-24T16:03:58Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Cosimo](https://avatars.discourse-cdn.com/v4/letter/c/a698b9/32.png) [@Cosimo](https://discourse.nodered.org/u/Cosimo)\
**Post date:** [24 June 2021 16:03 UTC](https://discourse.nodered.org/t/creazione-di-una-pagina-con-un-iframe-che-contiene-una-mappa/47590/1 "2021-06-24T16:03:58Z")

</div>

Utilizzando il seguente codice, non capisco come visualizzare la mappa in un piccolo frame, che non occupi l'intera pagina.  
Il codice Node-red è il seguente:

```auto
[{"id":"2635bfdb.6e08a","type":"tab","label":"Flow 3","disabled":true,"info":""},{"id":"d2429700.3dbfd8","type":"mqtt in","z":"2635bfdb.6e08a","name":"MQTT IN - GPS","topic":"turtles/gps/value","qos":"0","datatype":"auto","broker":"22ee763b.b02012","x":120,"y":100,"wires":[["61c13fe4.f2c89","41a9a5f0.06bdec"]]},{"id":"41a9a5f0.06bdec","type":"function","z":"2635bfdb.6e08a","name":"Parse","func":"var dati = msg.payload.split(\";\");\nvar lat = dati[0].split(\":\")[2];\nvar lon = dati[1].split(\":\")[1];\nvar data = dati[2].split(\",\")[0];\nvar ora = dati[2].split(\",\")[1];\nvar fuso = dati[2].split(\",\")[2];\n\n\nglobal.set(\"start_lat\",lat);\nglobal.set(\"start_lon\",lon);\nglobal.set(\"start_data\",data);\nglobal.set(\"start_ora\",ora);\nglobal.set(\"start_fuso\",fuso);\n\n\nmsg.payload= {\nlat:lat,\nlon:lon,\ndata: data,\nora: ora,\nfuso: fuso,\nname: \"Tartaruga\",\nicon : \"fa-map-marker fa-3x\"\n};\nreturn msg;\n","outputs":1,"noerr":0,"initialize":"","finalize":"","x":350,"y":100,"wires":[["ddc95883.417b68"]]},{"id":"61c13fe4.f2c89","type":"debug","z":"2635bfdb.6e08a","name":"debug","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"payload","targetType":"msg","statusVal":"","statusType":"auto","x":270,"y":220,"wires":[]},{"id":"ddc95883.417b68","type":"worldmap","z":"2635bfdb.6e08a","name":"","lat":"","lon":"","zoom":"","layer":"","cluster":"","maxage":"","usermenu":"show","layers":"show","panit":"false","panlock":"false","zoomlock":"false","hiderightclick":"false","coords":"false","showgrid":"false","allowFileDrop":"false","path":"/worldmap","x":540,"y":100,"wires":[]},{"id":"22ee763b.b02012","type":"mqtt-broker","name":"","broker":"193.204.187.80","port":"1883","clientid":"turtles_nodered","usetls":false,"compatmode":false,"keepalive":"60","cleansession":true,"birthTopic":"","birthQos":"0","birthPayload":"","closeTopic":"","closeQos":"0","closePayload":"","willTopic":"","willQos":"0","willPayload":""}]

```

---

<div class="post-metadata">

**Author:** ![Gunner](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gunner/32/43582_2.png) [@Gunner](https://discourse.nodered.org/u/Gunner)\
**Post date:** [24 June 2021 17:53 UTC](https://discourse.nodered.org/t/creazione-di-una-pagina-con-un-iframe-che-contiene-una-mappa/47590/2 "2021-06-24T17:53:17Z")

</div>

You can view the map on the dashboard.

There is an example you can import.

Select **Import** , click on **Examples** , chose the **worldmap** one and expand, click on the example you want and import.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/7/071245af2b9a1b2f64e2f39ade971a1bc2c254af.png)

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/2/b2db4ee667d2f4afb5849ec7ecc1b81bf1acb511.jpeg)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [8 July 2021 17:53 UTC](https://discourse.nodered.org/t/creazione-di-una-pagina-con-un-iframe-che-contiene-una-mappa/47590/3 "2021-07-08T17:53:39Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.