- 17, May 2024
- #1
Я сделал карту-листовку со следующим кодом, который использует долготу и широту из базы данных MySQL, как указано ниже.
div приведен ниже
Но я хочу обновить точки маркера через некоторое время, скажем, 10 секунд и т. д., без перезагрузки веб-страницы.
Как это сделать.
заранее спасибо
<div id="map" style="width: 650px; height: 400px"></div>
Код (разметка): это загружает карту в div с маркером, загруженным указанным выше запросом MySQL.
div приведен ниже
<script> var planes = [ <?php $DB = mysqli_connect('localhost','username','password','abc'); $Q = "SELECT location, length, width FROM abcstat WHERE siteid='xyz'"; $R = mysqli_query($DB,$Q); //start loop //while or foreach $results=[]; // define array while($row = mysqli_fetch_assoc($R)){ $results[] = "['{$row['location']}',{$row['length']},{$row['width']}]"; // add to array } $final = join(",\r\n", $results); echo $final; ?> ]; var map = L.map('map').setView([19.426216, 15.7166481], 1); mapLink = '<a href="[URL='https://lumtu.com/yti/cv55vcmdodHRwOi8vb3BlbnN0cmVldG1hcCh1G']http://openstreetmap.org[/URL]">OpenStreetMap</a>'; L.tileLayer( 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© ' + mapLink + ' Contributors', maxZoom: 8, }).addTo(map); for (var i = 0; i < planes.length; i++) { marker = new L.marker([planes[i][1],planes[i][2]]) .bindPopup(planes[i][0]) .addTo(map); } </script>
Код (разметка): он отлично работает и показывает маркеры при загрузке страницы.
Но я хочу обновить точки маркера через некоторое время, скажем, 10 секунд и т. д., без перезагрузки веб-страницы.
Как это сделать.
заранее спасибо