Bump version for readme updates

README.md

@@ -7,6 +7,10 @@ map web page for plotting "things" on.
 ![Map Image](https://dceejay.github.io/pages/images/redmap.png)
 
 ### Changes
+- v1.0.32 - Add uav icon, update README
+- v1.0.31 - Add arrow and wind icons
+- v1.0.32 - Add uav icon
+- v1.0.31 - Add arrow and wind icons
  - v1.0.30 - Add ability to send an array of data points or commands. Add overlay map. Allow more drawing options for lines, areas, circles.
  - v1.0.29 - Add, tracks node, Fix websocket on Windows
  - v1.0.28 - Move websocket to specific path, and support satellite node
@@ -64,6 +68,7 @@ However there are several specials...
  - **plane** : a plane icon that aligns with the bearing of travel.
  - **ship** : a ship icon that aligns with the bearing of travel.
  - **car** : a car icon that aligns with the bearing of travel.
+ - **uav** : a small plane icon that aligns with the bearing of travel.
  - **arrow** : a map GPS arrow type pointer that aligns with the bearing of travel.
  - **wind** : a wind arrow that points in the direction the wind is coming FROM.
  - **locate** : a 4 corner outline to locate a point without obscuring it.
@@ -151,14 +156,14 @@ To switch layer, move map and zoom
 To draw a heavily customized Circle on a layer
 
         msg.payload.command =  {
-            name:"circle", 
-            lat:51.515, 
-            lon:-0.1235, 
-            radius:10, 
-            layer:"drawing", 
-            iconColor:'#464646', 
-            stroke:false, 
-            fillOpacity:0.8, 
+            name:"circle",
+            lat:51.515,
+            lon:-0.1235,
+            radius:10,
+            layer:"drawing",
+            iconColor:'#464646',
+            stroke:false,
+            fillOpacity:0.8,
             clickable:true
         };
 
@@ -171,7 +176,7 @@ To add a new base layer
         };
 
 To add an Image Overlay
-        var imageBounds = [[40.712216, -74.22655], [40.773941, -74.12544]]; 
+        var imageBounds = [[40.712216, -74.22655], [40.773941, -74.12544]];
         msg.payload.command.map = {
             overlay:"New York Historical",
             url:'http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg',

worldmap/index.html

@@ -854,6 +854,20 @@ function setMarker(data) {
             //q = 'http://www.bing.com/images/search?q='+data.icon+'%20'+encodeURIComponent(data.name);
             //words += '<a href=\''+q+'\' target="_thingpic">Pictures</a><br>';
         }
+        else if (data.icon === "uav") {
+            data.iconColor = data.iconColor || "black";
+            if (data.hasOwnProperty("squawk")) { data.iconColor = "red"; }
+            icon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">';
+            icon+= '<path d="M62 82h-8V64h36c0-5-4-9-9-9H54v-8c0-3 4-5 4-11.1 0-4.4-3.6-8-8-8-4.4 0-8 3.6-8 8 0 5.1 4 8.1 4 11.1V55h-27c-5 0-9 4-9 9h36v18H38c-2.4 0-5 2.3-5 5L50 92l17-5C67 84.3 64.4 82 62 82z" fill="'+data.iconColor+'"/></svg>';
+            var svguav = "data:image/svg+xml;base64," + btoa(icon);
+            var dir = data.hdg || data.bearing;
+            myMarker = L.divIcon({
+                className:"uavicon",
+                iconAnchor: [16, 16],
+                html:'<img src="'+svguav+'" style="width:32px; height:32px; -webkit-transform:rotate('+dir+'deg); -moz-transform:rotate('+dir+'deg);"/>',
+            });
+            marker = L.marker(ll, {title:data.name, icon:myMarker});
+        }
         else if (data.icon === "car") {
             data.iconColor = data.iconColor || "black";
             icon = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="47px" height="47px" viewBox="0 0 47 47">';

worldmap/worldmap.appcache

@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# date: Jun 26th 2017 - v1.0.30
+# date: Jun 27th 2017 - v1.0.32
 
 CACHE:
 index.html