then/opencoil-paracity
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

added map to curl.php

Browse Source
This commit is contained in:
user 2020-10-13 01:56:45 +02:00
parent 2e3041bb3a
commit b53b1d6bdd
1 changed files with 56 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
website/curl.php
View File

@ -1,6 +1,7 @@
<?php <?php
// Notes // Notes
// The api key from Scooty's app/account: iPtAHWdOVLEtgkaymXoMHVVg // The api key from Scooty's app/account: iPtAHWdOVLEtgkaymXoMHVVg
// Below is the static html to generate the map, it can also be done more dynamically using https://github.com/LuminFire/leaflet-php but that might be overkill
// array of scooters // array of scooters
@ -10,10 +11,21 @@ $scooters = array(
'https://opencoil.show/test-json.php?scooterID=2' 'https://opencoil.show/test-json.php?scooterID=2'
); );
// for each // for each scooter in array get the json (TODO, for each, safe to file/database?)
echo callAPI($scooters[0]); $getJSON = callAPI($scooters[0]);
// decode JSON data to PHP associative array
$arr = json_decode($getJSON, true);
// access values from the associative array
$lat = $arr["data"]["attributes"]["lat"]; // get lattitude
$lng = $arr["data"]["attributes"]["lng"]; // get longitude
$lst = $arr["data"]["attributes"]["lastLocationUpdate"]; // get time of last position
// construct lat/lon for use in leafet
$pos = $lat.', '.$lng;
// TODO save json to file?...mmm one big one? seperate ones, timestamped ones?
@ -26,6 +38,14 @@ echo callAPI($scooters[0]);
// Custom functions // Custom functions
function checkModified($file, $expiration){ //check if file is older than expiration time
}
function parseJSON(){
}
function callAPI($url){ function callAPI($url){
$curl = curl_init($url); $curl = curl_init($url);
curl_setopt($curl, CURLOPT_FAILONERROR, true); curl_setopt($curl, CURLOPT_FAILONERROR, true);
@ -47,3 +67,37 @@ function callAPI($url){
?> ?>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="https://unpkg.com/leaflet@1.3.3/dist/leaflet.css">
<script src='https://unpkg.com/leaflet@1.3.3/dist/leaflet.js'></script>
<style>
#map {
height: 500px
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map = L.map('map').setView([52.516190, 13.377693], 13);
var Stamen_Toner = L.tileLayer('https://stamen-tiles-{s}.a.ssl.fastly.net/toner/{z}/{x}/{y}.{ext}', {
attribution: 'Map tiles by <a href="http://stamen.com">Stamen Design</a>, <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> &mdash; Map data &copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
subdomains: 'abcd',
minZoom: 0,
maxZoom: 20,
ext: 'png'
});
map.addLayer(Stamen_Toner);
L.marker([<?php echo $pos; ?>]).addTo(map)
.bindPopup('Last updated <?php echo $lst; ?>')
.openPopup();
</script>
</body>
</html>