node-red-contrib-web-worldmap 2.38.3 → 2.39.0

package/CHANGELOG.md

@@ -1,5 +1,6 @@
 ### Change Log for Node-RED Worldmap
 
+ - v2.39.0 - Add client timezone to connect message. PR #245
  - v2.38.3 - Better fix for geojson multipoint icons.
  - v2.38.1 - Fix for geojson multipoint icons.
  - v2.38.0 - Return client headers as part of connect message.

package/README.md

@@ -13,6 +13,7 @@ Feel free to [![](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%
 
 ### Updates
 
+- v2.39.0 - Add client timezone to connect message. PR #245
 - v2.38.3 - Better fix for geojson multipoint icons.
 - v2.38.1 - Fix for geojson multipoint icons.
 - v2.38.0 - Return client headers as part of connect message.
@@ -363,7 +364,10 @@ All actions also include a:
 `msg._sessionid` property that indicates which client session they came from. Any msg sent out that includes this property will ONLY be sent to that session - so you can target map updates to specific sessions if required.
 `msg._sessionip` property that shows the ip of the client that is connected to the session.
 
-The "connected" action also include a `msg._clientheaders` property that shows the headers sent by the client to make a connection to the session.
+The "connected" action additionally includes a:
+`msg.payload.parameters` property object that lists the parameters sent in the url.
+`msg.payload.clientTimezone` property string showing the clients local Timezone. Returns bool of `false` if unable to retrive clients local Timezone.
+`msg._clientheaders` property that shows the headers sent by the client to make a connection to the session.
 
 
 ### Utility functions

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "node-red-contrib-web-worldmap",
-    "version": "2.38.3",
+    "version": "2.39.0",
     "description": "A Node-RED node to provide a web page of a world map for plotting things on.",
     "dependencies": {
         "@turf/bezier-spline": "~6.5.0",

package/worldmap/worldmap.js

@@ -63,7 +63,7 @@ var connect = function() {
         if (!inIframe) {
             document.getElementById("footer").innerHTML = "<font color='#494'>"+pagefoot+"</font>";
         }
-        ws.send(JSON.stringify({action:"connected",parameters:Object.fromEntries((new URL(location)).searchParams)}));
+        ws.send(JSON.stringify({action:"connected",parameters:Object.fromEntries((new URL(location)).searchParams),clientTimezone:Intl.DateTimeFormat().resolvedOptions().timeZone || false}));
         onoffline();
     };
     ws.onclose = function() {
@@ -2854,19 +2854,16 @@ function doGeojson(n,g,l,o) {
             });
         }
         else if (feature.properties.hasOwnProperty("marker-symbol") && feature.properties["marker-symbol"].substr(0,3) === "fa-") {
-            try {
-                var col = feature.properties["marker-color"] ?? "#910000";
-                var imod = "";
-                if (feature.properties["marker-symbol"].indexOf(" ") === -1) { imod = "fa-2x "; }
-                myMarker = L.divIcon({
-                    className:"faicon",
-                    html: '<center><i class="fa fa-fw '+imod+feature.properties["marker-symbol"]+'" style="color:'+col+'"></i></center>',
-                    iconSize: [32, 32],
-                    iconAnchor: [16, 12],
-                    popupAnchor: [0, -16]
-                });
-            }
-            catch(e) { console.log(e); }
+            var col = feature.properties["marker-color"] ?? "#910000";
+            var imod = "";
+            if (feature.properties["marker-symbol"].indexOf(" ") === -1) { imod = "fa-2x "; }
+            myMarker = L.divIcon({
+                className:"faicon",
+                html: '<center><i class="fa fa-fw '+imod+feature.properties["marker-symbol"]+'" style="color:'+col+'"></i></center>',
+                iconSize: [32, 32],
+                iconAnchor: [16, 12],
+                popupAnchor: [0, -16]
+            });
         }
         else {
             myMarker = L.VectorMarkers.icon({