Creazione di una pagina con un iframe che contiene una mappa

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:

[{"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":""}]

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

1 Like

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