Hallo,
hier der Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//DE">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel='stylesheet' href='style.css' />
<!-- leaflet.css und leaflet.js aus lokalem Verzeichnis /leaflet/ einbinden -->
<link rel='stylesheet' href='leaflet/leaflet.css' />
<script src='leaflet/leaflet.js'></script>
</head>
<div id="main">
<div id="info">
<div id="infoTextL">
<strong>Seitentitel</strong>
</div>
<div id="infoTextR">
<form action="connect.php" method="post">
<input type="tel"
autocomplete="off"
id="rufnummer"
name="rufnummer"
value= ""
placeholder="Rufnummer eintragen..."
required>   
<button type="submit" id="submit" name="submit">Anfrage senden</button>
</form>
</div>
<div>
<div id="datadiv">
<div id="datadivButtons">
<div id="button" class="button_Aktuell">
<div id="text">Aktueller Anruf</div>
</div>
<div id="button" class="button_Refresh">
<div id="text">Aktualisieren</div>
</div>
</div>
<div id="datadivUpdateData">
AUSGABE DER DATEN
</div>
</div>
<div id="map"></div>
</div>
<!-- Script zum einbinden der Karte -->
<!-- OSM-Basiskarte einfügen und zentrieren -->
<script type='text/javascript'>
var Karte = L.map('map').setView([<?php echo $_position_0 ?>], 17);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
'attribution': 'Kartendaten © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> Mitwirkende',
'useCache': true
}).addTo(Karte);
</script>
<!-- Marker einfügen -->
<!--
<script>
var marker = L.marker([48.066350,8.500150]).addTo(Karte);
</script>
-->
<!-- Marker 0 mit Kreis einfügen -->
<script>
var circle = L.circle([<?php echo $_position_0 ?>], {
color: 'green',
fillColor: '#f03',
fillOpacity: 0.05,
radius: 15
}).addTo(Karte);
</script>
<!-- Marker 1 mit Kreis einfügen -->
<script>
var circle = L.circle([<?php echo $_position_1 ?>], {
color: 'yellow',
fillColor: '#f03',
fillOpacity: 0.05,
radius: 75
}).addTo(Karte);
</script>
<!-- Marker 2 mit Kreis einfügen -->
<script>
var circle = L.circle([<?php echo $_position_2 ?>], {
color: 'red',
fillColor: '#f03',
fillOpacity: 0.05,
radius: 250
}).addTo(Karte);
</script>
<body>
</html>So sieht ein Ergebnis aus:
bei einer gespeicherten Position:
[{"status":"ok","number":"01624356900","emergency_number":0,"time":"2019-05-29 18:36:53","location_latitude":"48.05118","location_longitude":"8.52969","location_time":"2019-05-29 18:36:53","location_altitude":"200","location_floor":"20","location_source":"cell","location_accuracy":"20","location_vertical_accuracy":"2","location_confidence":"0.6827","location_bearing":"270","location_speed":"11"}]
bei mehreren Positionen (5):
[{"status":"ok","number":"01624356900","emergency_number":0,"time":"2019-05-30 10:12:34","location_latitude":"48.063907","location_longitude":"8.499586","location_time":"2019-05-30 10:12:34","location_altitude":"710","location_floor":"","location_source":"cell","location_accuracy":"1","location_vertical_accuracy":"1","location_confidence":"1","location_bearing":"176","location_speed":"2"},{"status":"ok","number":"01624356900","emergency_number":0,"time":"2019-05-30 10:11:52","location_latitude":"48.064602","location_longitude":"8.499956","location_time":"2019-05-30 10:11:52","location_altitude":"722","location_floor":"","location_source":"cell","location_accuracy":"3","location_vertical_accuracy":"3","location_confidence":"0.97","location_bearing":"186","location_speed":"4"},{"status":"ok","number":"01624356900","emergency_number":0,"time":"2019-05-30 10:08:50","location_latitude":"48.066403","location_longitude":"8.500216","location_time":"2019-05-30 10:08:50","location_altitude":"742","location_floor":"","location_source":"cell","location_accuracy":"5","location_vertical_accuracy":"5","location_confidence":"0.95","location_bearing":"350","location_speed":"4"},{"status":"ok","number":"01624356900","emergency_number":0,"time":"2019-05-30 10:08:07","location_latitude":"48.063541","location_longitude":"8.500758","location_time":"2019-05-30 10:08:07","location_altitude":"711","location_floor":"","location_source":"cell","location_accuracy":"15","location_vertical_accuracy":"10","location_confidence":"0.75","location_bearing":"330","location_speed":"8"},{"status":"ok","number":"01624356900","emergency_number":0,"time":"2019-05-30 10:07:02","location_latitude":"48.062498","location_longitude":"8.501214","location_time":"2019-05-30 10:07:02","location_altitude":"701","location_floor":"","location_source":"cell","location_accuracy":"50","location_vertical_accuracy":"50","location_confidence":"0.5","location_bearing":"325","location_speed":"10"}]
Grüße
Michael
- wie würdes Du denn so etwas lösen?