Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium atque architecto
quae ullam rem labore veritatis temporibus asperiores, ad eaque odit commodi
inventore dolore perspiciatis, nam dicta est eos id quod excepturi.
JSON STATISTIK KEPENDUDUKAN DAERAH ISTIMEWA YOGYAKARTA
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: "© <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
Komentar