added working icons to curl.php

4 years ago · d2c5948378
1 changed files with 7 additions and 5 deletions
--- a/website/curl.php
+++ b/website/curl.php
@ -146,13 +146,15 @@ function callAPI($url){
 <body>
    <div id="map"></div>
    <script>
-        // define icons   (glyphicon = bootstrap, list can be found here: https://getbootstrap.com/docs/3.3/components/)     
+        // define icons   
+        // prefix: glyphicon = bootstrap, list can be found here: https://getbootstrap.com/docs/3.3/components/
+        // prefix: fa = fontawesome, list is here: https://fontawesome.com/v4.7.0/cheatsheet/
        var availableIcon = L.AwesomeMarkers.icon(
-            {"extraClasses": "fa-rotate-0", "icon": "remove", "iconColor": "white", "markerColor": "purple", "spin": "true", "prefix": "glyphicon"}
+            {"icon": "remove", "iconColor": "white", "markerColor": "purple", "spin": "true", "prefix": "glyphicon"}
        );

        var isRentedIcon = L.AwesomeMarkers.icon(
-            {"extraClasses": "fa-rotate-0", "icon": "imdb", "iconColor": "white", "markerColor": "gray", "prefix": "fa"}
+            {"icon": "print", "iconColor": "white", "markerColor": "gray", "prefix": "fa"}
        );


@ -173,8 +175,8 @@ function callAPI($url){
                                {icon: availableIcon}).addTo(map)
          .bindPopup('Last updated <?php echo $lst; ?>')
          .bindTooltip('artist name')
-          //.setIcon(availableIcon); // scooter is available
-          .setIcon(isRentedIcon); // scooter is rented
+          .setIcon(availableIcon); // scooter is available
+          //.setIcon(isRentedIcon); // scooter is rented
          //.openPopup();