added vendor, second sort by name on map list

Author: myogpatterns

assets/db/vendormap.csv

@@ -30,4 +30,5 @@ Outdoor Wilderness Fabrics,https://www.owfinc.com/,"Caldwell, ID",US,43.66944,-1
 Ripstop.pl,https://www.ripstop.pl/,"Poznań, PL",PL,52.40589,16.921680,
 Hofman Outdoor Gear Supply,https://hofmanoutdoorgearsupply.ca/,"Portage la Prairie, Manitoba",CA,49.97331,-98.29440,
 Shelby Outdoor,https://www.shelbyoutdoor.com/,"Oulu, Finland",FI,65.02769,25.4702384,
-Thelin Outdoor,https://thelinoutdoor.se,"Lidköping, Sweden",SE,58.4994758,13.1574837,
+Thelin Outdoor,https://thelinoutdoor.se,"Lidköping, Sweden",SE,58.4994758,13.1574837,
+Aktivstoffe.de,https://www.aktivstoffe.de/,"Quakenbrück, DE",DE,52.670650,7.923957,

assets/js/map.js

@@ -42,12 +42,12 @@ async function getFlagEmoji( array, data ) {
 }
 
 function drawMarkers( data ) {
-    data.sort((a,b) => a.country.localeCompare(b.country));
+    data.sort((a,b) => a.country.localeCompare(b.country) || a.name.localeCompare(b.name));
 
     data.forEach(marker => {
         let star = (marker.friend) ? "⭐️" : "";
         L.marker([marker.lat, marker.long], {
-            icon: marker.friend == true ? greenIcon : blueIcon
+            icon: marker.friend == true ? yellowIcon : blueIcon
         }).addTo(map)
         .bindPopup(`<a href="${marker.website}" target="_blank">${star + " " + marker.name}</a>`)
 

map.html

@@ -68,7 +68,7 @@
             <div class="inner">
                 <!-- map.js insert -->
                 <div id="map"></div> 
-                <p class="major align-center">⭐️ LearnMYOG Highly Recommended</p>
+                <p class="major align-center">⭐️ LearnMYOG Recommended All-Stars</p>
                 <!-- map.js list insert -->
                 <ul id="store-shelf" class="align-left">
                 </ul>