bump leaflet level to 1.7

CHANGELOG.md

@@ -1,6 +1,7 @@
 ### Change Log for Node-RED Worldmap
 
- - v2.18.§ - Let fillOpacity be 0.
+ - v2.19.0 - Bump leaflet to latest. v1.7
+ - v2.18.1 - Let fillOpacity be 0.
  - v2.18.0 - Add bounds event onzoom or drag.
  - v2.17.3 - Yet more better feedback on clicks, moves.
  - v2.17.2 - Add smallplane icon.

README.md

@@ -11,7 +11,8 @@ map web page for plotting "things" on.
 
 ### Updates
 
-- v2.18.§ - Let fillOpacity be 0.
+- v2.19.0 - Bump leaflet to latest. v1.7
+- v2.18.1 - Let fillOpacity be 0.
 - v2.18.0 - Add bounds event onzoom or drag.
 - v2.17.3 - Yet more better feedback on clicks, moves.
 - v2.17.2 - Add smallplane icon.

package.json

@@ -1,6 +1,6 @@
 {
     "name": "node-red-contrib-web-worldmap",
-    "version": "2.18.1",
+    "version": "2.19.0",
     "description": "A Node-RED node to provide a web page of a world map for plotting things on.",
     "dependencies": {
         "cgi": "0.3.1",

worldmap/leaflet/leaflet.css

@@ -25,6 +25,10 @@
 	        user-select: none;
 	  -webkit-user-drag: none;
 	}
+/* Prevents IE11 from highlighting tiles in blue */
+.leaflet-tile::selection {
+	background: transparent;
+}
 /* Safari renders non-retina tile on retina better with this, but Chrome is worse */
 .leaflet-safari .leaflet-tile {
 	image-rendering: -webkit-optimize-contrast;
@@ -237,7 +241,8 @@
 
 .leaflet-marker-icon.leaflet-interactive,
 .leaflet-image-layer.leaflet-interactive,
-.leaflet-pane > svg path.leaflet-interactive {
+.leaflet-pane > svg path.leaflet-interactive,
+svg.leaflet-image-layer.leaflet-interactive path {
 	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
 	pointer-events: auto;
 	}
@@ -527,7 +532,7 @@
 	}
 
 .leaflet-oldie .leaflet-popup-content-wrapper {
-	zoom: 1;
+	-ms-zoom: 1;
 	}
 .leaflet-oldie .leaflet-popup-tip {
 	width: 24px;
@@ -558,11 +563,11 @@
 .leaflet-popup-content-wrapper {
     border-radius: 6px !important;
     }
+
 .leaflet-popup-content {
     margin: 6px 8px !important;
     }
 
-
 /* Tooltip */
 /* Base styles for the element that has a tooltip */
 .leaflet-tooltip {

worldmap/worldmap.js

@@ -66,7 +66,11 @@ var connect = function() {
         setTimeout(function() { connect(); }, 2500);
     };
     ws.onmessage = function(e) {
-        try { var data = JSON.parse(e.data); handleData(data); }
+        try {
+            var data = JSON.parse(e.data);
+            if (data.hasOwnProperty("type") && data.hasOwnProperty("data") && data.type === "Buffer") { data = data.data.toString(); }
+            handleData(data);
+        }
         catch (e) { if (data) { console.log("BAD DATA",data); } }
         // console.log("DATA",typeof data,data);
     };