Update Banyak

This commit is contained in:
WD - Dev
2025-09-21 21:40:17 +07:00
parent c6bee729c5
commit efca8f5f80
145 changed files with 195185 additions and 1378 deletions
+2 -59
View File
@@ -27,63 +27,6 @@
</section>
<script>
let map; // Variabel untuk menyimpan peta
const markers = []; // Array untuk menyimpan marker
function initMap() {
// Inisialisasi peta dengan tipe hybrid
map = new google.maps.Map(document.getElementById('map'), {
center: { lat: -7.062083, lng: 106.797390 }, // Pusat peta
zoom: 11,
mapTypeId: 'hybrid' // Menentukan tipe peta menjadi hybrid
});
// Fetch data dari PHP saat pertama kali
fetchMarkers();
// Mengatur interval untuk memperbarui marker setiap 10 detik
setInterval(fetchMarkers, 30000);
}
function fetchMarkers() {
fetch('load/maps_marker.php?i=<?php echo base64_encode($SqlDataWHIdM); ?>')
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok ' + response.statusText);
}
return response.json();
})
.then(markersData => {
// Hapus marker yang ada sebelumnya
markers.forEach(marker => marker.setMap(null));
markers.length = 0; // Kosongkan array marker
// Tambahkan marker baru ke peta
markersData.forEach(markerData => {
const markerInstance = new google.maps.Marker({
position: { lat: markerData.lat, lng: markerData.lng },
map: map,
title: markerData.title,
icon: {
url: markerData.icon, // Menggunakan ikon dari data
scaledSize: new google.maps.Size(30, 30) // Mengatur ukuran ikon
}
});
// Simpan marker ke array
markers.push(markerInstance);
// Event listener untuk klik marker
markerInstance.addListener('click', () => {
const infoWindow = new google.maps.InfoWindow();
infoWindow.setContent(markerData.content); // Set konten InfoWindow
infoWindow.open(map, markerInstance); // Tampilkan InfoWindow
});
});
})
.catch(error => console.error('Error fetching markers:', error));
}
// Inisialisasi peta saat halaman selesai dimuat
window.onload = initMap;
const topologiId = "<?php echo base64_encode($SqlDataWHIdM); ?>";
</script>
<script type="text/javascript" src="dist/js/mapsTopologi.js"></script>