fix(font-awesome 6): set pin marker default color to be backwards compatible

ensures easier upgrades (changing url path only)

Author: Jonnx

app/Http/Controllers/API/v3/FontAwesome/v6/PinController.php

@@ -40,7 +40,7 @@ protected function showIconPin(Request $request)
 
         // BACKGROUND ICON
         $backgroundIcon = 'fa-solid fa-location-pin';
-        $backgroundIconColor = '#'.$request->get('background', 'CCC');
+        $backgroundIconColor = '#'.$request->get('background', 'de604e');
         $backgroundIconMarkup = GetIconMarkup::run($backgroundIcon);
 
         // LABEL
@@ -76,7 +76,7 @@ protected function showTextPin(Request $request)
 
         // BACKGROUND ICON
         $backgroundIcon = 'fa-solid fa-location-pin';
-        $backgroundIconColor = '#'.$request->get('background', 'CCC');
+        $backgroundIconColor = '#'.$request->get('background', 'de604e');
         $backgroundIconMarkup = GetIconMarkup::run($backgroundIcon);
 
         // LABEL

resources/views/docs/integrations/bing-maps.blade.php

@@ -18,7 +18,7 @@ function loadMapScenario() {
                                 disableScrollWheelZoom: true
                             });
                             var pushpin = new Microsoft.Maps.Pushpin(map.getCenter(), {
-                                icon: '{{ config('app.url') }}/api/v2/font-awesome/v5/pin?icon=fa-star-solid&size=50&hoffset=0&voffset=-1',
+                                icon: '{{ config('app.url') }}/api/v3/font-awesome/v6/pin?icon=fa-solid+fa-star&size=50&hoffset=0&voffset=-1',
                                 anchor: new Microsoft.Maps.Point(12, 39)
                             });
                             map.entities.push(pushpin);
@@ -31,8 +31,8 @@ function loadMapScenario() {
     credentials: 'Your Bing Maps Key'
 });
 
-var pushpin = new Microsoft.Maps.Pushpin(map.getCenter(), { 
-    icon: '{{ config('app.url') }}/api/v2/font-awesome/v5/pin?icon=fa-star-solid&size=50&hoffset=0&voffset=-1',
+var pushpin = new Microsoft.Maps.Pushpin(map.getCenter(), {
+    icon: '{{ config('app.url') }}/api/v3/font-awesome/v6/pin?icon=fa-solid+fa-star&size=50&hoffset=0&voffset=-1',
     anchor: new Microsoft.Maps.Point(12, 39)
 });
 

resources/views/docs/integrations/google-maps.blade.php

@@ -25,7 +25,7 @@ function initMap() {
                             });
                             var marker = new google.maps.Marker({
                                 position: uluru,
-                                icon: '{{ config('app.url') }}/api/v2/font-awesome/v5/pin?icon=fa-star-solid&size=50&hoffset=0&voffset=-1',
+                                icon: '{{ config('app.url') }}/api/v3/font-awesome/v6/pin?icon=fa-solid+fa-star&size=50&hoffset=0&voffset=-1',
                                 map: map
                             });
                         }
@@ -38,27 +38,14 @@ function initMap() {
         zoom: 4,
         center: uluru
     });
-    
+
     // a more conventional map pin
     var marker = new google.maps.Marker({
         position: uluru,
-        icon: '{{ config('app.url') }}/api/v2/font-awesome/v5/pin?icon=fa-star-solid&size=50&hoffset=0&voffset=-1',
+        icon: '{{ config('app.url') }}/api/v3/font-awesome/v6/pin?icon=fa-solid+fa-star&size=50&hoffset=0&voffset=-1',
         map: map
     });
-    
-    // a square icon whose center is on the lat / long
-    var circle = new google.maps.Marker({
-        position: {lat: 37.827125, lng: -122.422844},
-        map: map,
-        icon: {
-            size: new google.maps.Size(120, 120),
-            scaledSize: new google.maps.Size(60,60),
-            url: 'https://cdn.mapmarker.io/api/v1/fa?size=120&icon=fa-bullseye&color=%23D33115',
-            anchor: new google.maps.Point(30, 30),
-        },
-        title: "Alert",
-    });
-    
+
 }</pre>
 
                 </x-docs-box>

resources/views/docs/integrations/mapbox.blade.php

@@ -28,7 +28,7 @@
 
                         var markerElement = document.createElement('div');
                         markerElement.style.backgroundImage =
-                            "url('{{ config('app.url') }}/api/v2/font-awesome/v5/pin?icon=fa-star-solid&size=50&hoffset=0&voffset=-1')";
+                            "url('{{ config('app.url') }}/api/v3/font-awesome/v6/pin?icon=fa-solid+fa-star&size=50&hoffset=0&voffset=-1')";
                         markerElement.style.width = '50px';
                         markerElement.style.height = '50px';
 
@@ -39,7 +39,7 @@
                             .addTo(map);
                     </script>
                     <pre>var markerElement = document.createElement('div');
-markerElement.style.backgroundImage = "url('{{ config('app.url') }}/api/v2/font-awesome/v5/pin?icon=fa-star-solid&size=50&hoffset=0&voffset=-1')";
+markerElement.style.backgroundImage = "url('{{ config('app.url') }}/api/v3/font-awesome/v6/pin?icon=fa-solid+fa-star&size=50&hoffset=0&voffset=-1')";
 markerElement.style.width = '50px';
 markerElement.style.height = '50px';