refs #6 add a few symbols

css/gpxedit.css

@@ -538,6 +538,27 @@ input[type=checkbox]
 .pin-red{
     background-image: url('images/symbols/pin-red.png') !important;
 }
+.medical{
+    background-image: url('images/symbols/medical.png') !important;
+    background-size: 26px 22px !important;
+    background-repeat: no-repeat !important;
+    width: 26px !important;
+    height: 22px !important;
+}
+.campground{
+    background-image: url('images/symbols/campground.png') !important;
+    background-size: 24px 24px !important;
+    background-repeat: no-repeat !important;
+    width: 24px !important;
+    height: 24px !important;
+}
+.hike{
+    background-image: url('images/symbols/hike.png') !important;
+    background-size: 24px 24px !important;
+    background-repeat: no-repeat !important;
+    width: 24px !important;
+    height: 24px !important;
+}
 .bike-trail{
     background-image: url('images/symbols/bike-trail.png') !important;
     background-size: 24px 24px !important;
@@ -559,6 +580,20 @@ input[type=checkbox]
     width: 25px !important;
     height: 25px !important;
 }
+.geocache{
+    background-image: url('images/symbols/geocache.png') !important;
+    background-size: 22px 20px !important;
+    background-repeat: no-repeat !important;
+    width: 22px !important;
+    height: 20px !important;
+}
+.geocache-open{
+    background-image: url('images/symbols/geocache-open.png') !important;
+    background-size: 22px 20px !important;
+    background-repeat: no-repeat !important;
+    width: 22px !important;
+    height: 20px !important;
+}
 /*
 Block, Blue
 Blue Diamond

js/gpxedit.js

@@ -66,10 +66,18 @@ var symbolIcons = {
         className: 'diamond-red',
         iconAnchor: [9, 9]
     }),
+    'Trail Head': L.divIcon({
+        className: 'hike',
+        iconAnchor: [12, 12]
+    }),
     'Bike Trail': L.divIcon({
         className: 'bike-trail',
         iconAnchor: [12, 12]
     }),
+    'Campground': L.divIcon({
+        className: 'campground',
+        iconAnchor: [12, 12]
+    }),
     'Bar': L.divIcon({
         className: 'bar',
         iconAnchor: [10, 12]
@@ -78,6 +86,18 @@ var symbolIcons = {
         className: 'skullcross',
         iconAnchor: [12, 12]
     }),
+    'Geocache': L.divIcon({
+        className: 'geocache',
+        iconAnchor: [11, 10]
+    }),
+    'Geocache Found': L.divIcon({
+        className: 'geocache-open',
+        iconAnchor: [11, 10]
+    }),
+    'Medical Facility': L.divIcon({
+        className: 'medical',
+        iconAnchor: [13, 11]
+    }),
 }
 
 function load_map() {