From 606e8edce0a7ec9c9e0832a7a7a4baa6686eb960 Mon Sep 17 00:00:00 2001
From: Dave Conway-Jones <conway@uk.ibm.com>
Date: Mon, 12 Apr 2021 17:42:47 +0100
Subject: [PATCH] Add mayflower icon

---
 CHANGELOG.md         |  1 +
 package.json         |  2 +-
 worldmap/worldmap.js | 12 ++++++++++++
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c39308b..d5551d3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,6 @@
 ### Change Log for Node-RED Worldmap
 
+ - v2.13.1 - Add mayflower icon.
  - v2.13.0 - Tidy velocity layer. Feedback any url parameters.
  - v2.12.1 - Only show online layer options if we are online.
  - v2.12.0 - Add live rainfall radar data layer. Remove some non-loading overlays.
diff --git a/package.json b/package.json
index 9781980..b8e4370 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "node-red-contrib-web-worldmap",
-    "version": "2.13.0",
+    "version": "2.13.1",
     "description": "A Node-RED node to provide a web page of a world map for plotting things on.",
     "dependencies": {
         "cgi": "0.3.1",
diff --git a/worldmap/worldmap.js b/worldmap/worldmap.js
index e1a2f77..67848ef 100644
--- a/worldmap/worldmap.js
+++ b/worldmap/worldmap.js
@@ -1565,6 +1565,18 @@ function setMarker(data) {
             });
             marker = L.marker(ll, {title:data.name, icon:myMarker, draggable:drag});
         }
+        else if (data.icon === "mayflower") {
+            data.iconColor = data.iconColor || "white";
+            icon = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="60" viewBox="0 0 4 10" aria-hidden="true" stroke-width="1.5">';
+            icon += '<path d="M2 .2L1.5 5l-1 .5L.2 4S.09 5.551.1 6.25c.01.759.1 2.25.1 2.25L.5 7l1 .3.3 2.5h.4l.3-2.5 1-.3.3 1.5s.058-1.518.1-2.25C3.945 5.455 3.8 4 3.8 4l-.3 1.5-1-.5z" fill="'+data.iconColor+'"/></svg>';
+            var svgmay = "data:image/svg+xml;base64," + btoa(icon);
+            myMarker = L.divIcon({
+                className:"mayflowericon",
+                iconAnchor: [16, 32],
+                html:'<img src="'+svgmay+'" style="width:32px; height:64px; -webkit-transform:rotate('+dir+'deg); -moz-transform:rotate('+dir+'deg);"/>',
+            });
+            marker = L.marker(ll, {title:data.name, icon:myMarker, draggable:drag});
+        }
         else if (data.icon === "locate") {
             data.iconColor = data.iconColor || "cyan";
             icon = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="468px" height="468px" viewBox="0 0 468 468">';