|
@ -146,13 +146,15 @@ function callAPI($url){ |
|
|
<body> |
|
|
<body> |
|
|
<div id="map"></div> |
|
|
<div id="map"></div> |
|
|
<script> |
|
|
<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( |
|
|
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( |
|
|
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) |
|
|
{icon: availableIcon}).addTo(map) |
|
|
.bindPopup('Last updated <?php echo $lst; ?>') |
|
|
.bindPopup('Last updated <?php echo $lst; ?>') |
|
|
.bindTooltip('artist name') |
|
|
.bindTooltip('artist name') |
|
|
//.setIcon(availableIcon); // scooter is available |
|
|
.setIcon(availableIcon); // scooter is available |
|
|
.setIcon(isRentedIcon); // scooter is rented |
|
|
//.setIcon(isRentedIcon); // scooter is rented |
|
|
//.openPopup(); |
|
|
//.openPopup(); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|