changing the colors the counties to differentiate them, on the leaflet map

diff --git a/parts/map.php b/parts/map.php
index 6588095..89665e0 100644 (file)
--- a/parts/map.php
+++ b/parts/map.php
@@ -124,21 +124,23 @@
         })
     
 
-        var harborSpringsCity = L.polygon(harborSprings,{color: '#02528F'}).addTo(leafletMap);
-        harborSpringsCity.setStyle({fillColor: '#02528F', fillOpacity: .1});
+        
 
 
         // var polyline = L.polyline(downtown, {color: '#91311D', weight: 2}).addTo(leafletMap);
         // var polyline = L.polyline(LittleTraverse, {color: '#91311D', weight: 2}).addTo(leafletMap);
 
-        var ltPolygon = L.polygon(LittleTraverse, {color: '#91311D'}).addTo(leafletMap);
-        ltPolygon.setStyle({fillColor: '#91311D', fillOpacity: .1});
+        var ltPolygon = L.polygon(LittleTraverse, {color: '#3A727C'}).addTo(leafletMap);
+        ltPolygon.setStyle({fillColor: '#3A727C', fillOpacity: .1});
 
         var wtPolygon = L.polygon(WestTraverse, {color: '#91311D'}).addTo(leafletMap);
         ltPolygon.setStyle({fillColor: '#91311D', fillOpacity: .1});
   
         var wtPolygon2 = L.polygon(WestTraverse2, {color: '#91311D'}).addTo(leafletMap);
         ltPolygon.setStyle({fillColor: '#91311D', fillOpacity: .1});
+
+        var harborSpringsCity = L.polygon(harborSprings,{color: '#02528F'}).addTo(leafletMap);
+        harborSpringsCity.setStyle({fillColor: '#02528F', fillOpacity: .1});
         var ltbInfo = `<div class="marker-title">Little Traverse Bay is a small bay, 170 feet (55 m) deep, off Lake Michigan in the northern area of the Lower Peninsula of Michigan. The cities of Harbor Springs and Petoskey are located on this bay.</div>`;
         "Little Traverse Bay is a small bay, 170 feet (55 m) deep, off Lake Michigan in the northern area of the Lower Peninsula of Michigan. The cities of Harbor Springs and Petoskey are located on this bay."
         new L.Marker([45.406518, -84.948100], {