// Pastikan sudah menyertakan Leaflet di HTML
// <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
// <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>

// Inisialisasi peta
var map = L.map('map').setView([-6.200000, 106.816666], 10); // Sesuaikan koordinat dan zoom

// Tambahkan layer peta dasar dari OpenStreetMap
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; OpenStreetMap contributors'
}).addTo(map);

// Memuat data GeoJSON dari file eksternal
document.addEventListener("DOMContentLoaded", function() {
    fetch('apiapi.geojson') // Ganti dengan path yang sesuai
        .then(response => {
            if (!response.ok) {
                throw new Error("Gagal memuat GeoJSON");
            }
            return response.json();
        })
        .then(data => {
            L.geoJSON(data, {
                style: function (feature) {
                    return { color: "blue" };
                },
                onEachFeature: function (feature, layer) {
                    if (feature.properties && feature.properties.name) {
                        layer.bindPopup("<b>Nama:</b> " + feature.properties.name);
                    }
                }
            }).addTo(map);
        })
        .catch(error => console.error('Error loading GeoJSON:', error));
});