JSON STATISTIK KEPENDUDUKAN DAERAH ISTIMEWA YOGYAKARTA

Silakan Login atau Daftar untuk mengunduh berkas

LIBRARY MAP

pemanggilan library untuk map, jika anda akan menggunakan map
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.0/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.3.0/dist/leaflet.js"></script>



STYLE STATISTIK DAN MAP

css untuk menghias tabel dan kotak map
<style>
th{
text-align: center;
vertical-align: middle !important;
}
.statistik td{
text-align: right !important;
}
.nawil td{
text-align: left !important;
}
.kotak {
flex-shrink: 0;
margin: 20px;
border-color: rgba(255, 255, 255, 0.5) !important;
border:solid 10px;
box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5);
}
.peta{
width: 100% !important;
height: 500px !important;
display: inline-block !important;
}
</style>



MEMANGGIL JSON DAN MENAMPILKAN STATISTIK

skrip php memanggil json
<?php
//memanggil file json
$json_url = "https://kependudukan.jogjaprov.go.id/statistik/get/penduduk/pendidikan/15/0/00/04/34.json";
$content=@file_get_contents("$json_url");
$json = json_decode($content, true);

//memanggil judul statistik
$judulstatistik="";
if(!empty($json[0]["judulstatistik"])){
$judulstatistik = $json[0]["judulstatistik"];
}

//memanggil isi statistik
$isistatistik="";
if(!empty($json[0]["isistatistik"])){
$isistatistik = $json[0]["isistatistik"];
}

//memanggil isi statistik
$isistatistik="";
if(!empty($json[0]["isistatistik"])){
$isistatistik = $json[0]["isistatistik"];
}

//memanggil koordinat pusat statistik
$koordinatpusat="";
if(!empty($json[0]["koordinatpusat"])){
$koordinatpusat = $json[0]["koordinatpusat"];
}

//memanggil koordinat peta statistik
$petagis="";
if(!empty($json[0]["petagis"])){
$petagis = $json[0]["petagis"];
}

//menampilkan judul dan isi statistik
echo"$judulstatistik $isistatistik";

?>




MENAMPILKAN MAP

skript menampilkan map
<div id="map" class="kotak peta"></div>

<script>
var map = L.map("map").setView([<?php echo"$koordinatpusat"; ?>], 9.5);

L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: "&copy; <a href='https://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors" }).addTo(map);

<?php echo"$petagis"; ?>

</script>




MENENTUKAN ALAMAT STATISTIK

penentuan alamat data statistik
misalkan:
https://kependudukan.jogjaprov.go.id/statistik/penduduk/jumlahpenduduk/16/0/00/00/34.clear

lihat alamat statistik kemudian perhatikan pengalamatan setelah
https://kependudukan.jogjaprov.go.id/statistik/

perbedaanya adalah penambahan parameter 'get' dan .clear diganti menjadi .json
https://kependudukan.jogjaprov.go.id/statistik/get/

sehingga menghasilkan pengalamatan
https://kependudukan.jogjaprov.go.id/statistik/get/penduduk/jumlahpenduduk/16/0/00/00/34.json





Silahkan Login atau Daftar untuk mengirim komentar anda

Komentar

Tidak ada komentar