{"id":237,"date":"2026-09-27T16:55:13","date_gmt":"2026-09-27T09:55:13","guid":{"rendered":"https:\/\/simodisdlhkotaptk.net\/?page_id=237"},"modified":"2026-09-27T16:55:13","modified_gmt":"2026-09-27T09:55:13","slug":"sistem-informasi-geografis-kelahiran-dan-kematian-penduduk-di-kota-pontianak","status":"publish","type":"page","link":"https:\/\/simodisdlhkotaptk.net\/?page_id=237","title":{"rendered":"sistem informasi geografis kelahiran dan kematian penduduk di kota pontianak"},"content":{"rendered":"  <style>\n  .sig-wrap{font-family:system-ui,sans-serif;color:#142338;background:#f3f7fa;padding:18px;border-radius:16px}\n  .sig-head{background:linear-gradient(110deg,#064e3b,#0f766e);color:#fff;padding:22px;border-radius:14px;margin-bottom:16px}\n  .sig-head h2{color:#fff;margin:0 0 5px;font-size:clamp(20px,3vw,30px)}.sig-head p{margin:0;color:#e7fff6}\n  .sig-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.sig-tab{border:1px solid #cbd5e1;background:#fff;color:#1e293b;border-radius:9px;padding:10px 18px;font-weight:700;cursor:pointer}.sig-tab.active{background:#0f766e;color:#fff;border-color:#0f766e}\n  .sig-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}\n  .sig-card,.sig-panel{background:#fff;border:1px solid #e1eaf0;border-radius:12px;padding:16px;box-shadow:0 3px 12px #18334d0b}\n  .sig-card small{display:block;color:#64748b}.sig-card strong{font-size:28px;display:block;margin-top:5px}\n  .sig-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:14px}\n  .sig-panel h3{font-size:17px;margin:0 0 12px}.sig-map{height:520px;border-radius:10px;z-index:1}\n  .sig-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px}.sig-legend span{display:flex;align-items:center;gap:7px}\n  .sig-dot{width:13px;height:13px;border-radius:50%;display:inline-block;border:1px solid #64748b;flex:none}\n  .sig-table{width:100%;border-collapse:collapse;font-size:13px}.sig-table td,.sig-table th{padding:8px;border-bottom:1px solid #e5edf2;text-align:left}\n  .sig-pane[hidden]{display:none!important}\n  @media(max-width:760px){.sig-cards{grid-template-columns:1fr}.sig-main{grid-template-columns:1fr}.sig-map{height:420px}.sig-wrap{padding:10px}}\n  @media(max-width:420px){.sig-legend{grid-template-columns:1fr}.sig-map{height:350px}.sig-tab{flex:1;padding:10px 8px}}\n  <\/style>\n  <div class=\"sig-wrap\">\n   <div class=\"sig-head\"><h2>Sistem Informasi Geografis<\/h2><p>Sebaran Kelahiran dan Kematian Penduduk Kota Pontianak<\/p><\/div>\n   <div class=\"sig-tabs\" role=\"tablist\" aria-label=\"Pilih tampilan data\">\n    <button type=\"button\" class=\"sig-tab active\" role=\"tab\" aria-selected=\"true\" data-pane=\"birth\">Sebaran Kelahiran<\/button>\n    <button type=\"button\" class=\"sig-tab\" role=\"tab\" aria-selected=\"false\" data-pane=\"death\">Sebaran Kematian<\/button>\n   <\/div>\n   <section class=\"sig-pane\" data-view=\"birth\">\n    <div class=\"sig-cards\"><div class=\"sig-card\"><small>Total Kelahiran<\/small><strong>0<\/strong><small>Data kelahiran yang telah dimasukkan<\/small><\/div><div class=\"sig-card\"><small>Titik Sebaran Kelahiran<\/small><strong>0<\/strong><small>Lokasi dengan koordinat<\/small><\/div><\/div>\n    <div class=\"sig-main\"><div class=\"sig-panel\"><h3>Peta Sebaran Kelahiran<\/h3><div id=\"sigmap_9R4s3WL_birth\" class=\"sig-map\"><\/div><\/div><div class=\"sig-panel\"><h3>Legenda<\/h3><div class=\"sig-legend\"><span><i class=\"sig-dot\" style=\"background:#16a34a\"><\/i>Kelahiran (hijau)<\/span><\/div><hr><h3>Data Kelahiran Terbaru<\/h3><div style=\"overflow:auto;max-height:300px\"><table class=\"sig-table\"><thead><tr><th>Tanggal<\/th><th>Kelurahan<\/th><th>Kecamatan<\/th><\/tr><\/thead><tbody><tr><td colspan=\"3\">Belum ada data kelahiran.<\/td><\/tr><\/tbody><\/table><\/div><\/div><\/div>\n   <\/section>\n   <section class=\"sig-pane\" data-view=\"death\" hidden>\n    <div class=\"sig-cards\"><div class=\"sig-card\"><small>Total Kematian<\/small><strong>1<\/strong><small>Data kematian yang telah dimasukkan<\/small><\/div><div class=\"sig-card\"><small>Titik Sebaran Kematian<\/small><strong>1<\/strong><small>Lokasi dengan koordinat<\/small><\/div><\/div>\n    <div class=\"sig-main\"><div class=\"sig-panel\"><h3>Peta Sebaran Kematian<\/h3><div id=\"sigmap_9R4s3WL_death\" class=\"sig-map\"><\/div><\/div><div class=\"sig-panel\"><h3>Legenda Kelompok Umur<\/h3><div class=\"sig-legend\"><span><i class=\"sig-dot\" style=\"background:#111827\"><\/i>Bayi baru lahir<\/span><span><i class=\"sig-dot\" style=\"background:#8b0000\"><\/i>0\u201310 tahun<\/span><span><i class=\"sig-dot\" style=\"background:#f472b6\"><\/i>11\u201330 tahun<\/span><span><i class=\"sig-dot\" style=\"background:#0284c7\"><\/i>31\u201340 tahun<\/span><span><i class=\"sig-dot\" style=\"background:#1e3a8a\"><\/i>41\u201350 tahun<\/span><span><i class=\"sig-dot\" style=\"background:#7dd3fc\"><\/i>51\u201360 tahun<\/span><span><i class=\"sig-dot\" style=\"background:#facc15\"><\/i>61\u201370 tahun<\/span><span><i class=\"sig-dot\" style=\"background:#f97316\"><\/i>71\u201380 tahun<\/span><span><i class=\"sig-dot\" style=\"background:#ffffff\"><\/i>81 tahun ke atas<\/span><\/div><hr><h3>Data Kematian Terbaru<\/h3><div style=\"overflow:auto;max-height:300px\"><table class=\"sig-table\"><thead><tr><th>Tanggal<\/th><th>Umur<\/th><th>Kelurahan<\/th><\/tr><\/thead><tbody><tr><td>2026-08-11<\/td><td>40<\/td><td>akcaya<\/td><\/tr><\/tbody><\/table><\/div><\/div><\/div>\n   <\/section>\n   <p style=\"font-size:12px;color:#64748b\">Peta menggunakan OpenStreetMap. Data publik tidak menampilkan NIK, nomor KK, atau alamat lengkap.<\/p>\n  <\/div>\n  <script>\n  (function(){function makeMap(id,rows){var el=document.getElementById(id);if(!el||!window.L)return null;var map=L.map(el).setView([-0.0263,109.3425],12);L.tileLayer(\"https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png\",{attribution:\"&copy; OpenStreetMap contributors\",maxZoom:19}).addTo(map);var bounds=[];rows.forEach(function(x){if(x.lat===''||x.lng===''||!isFinite(Number(x.lat))||!isFinite(Number(x.lng)))return;var m=L.circleMarker([Number(x.lat),Number(x.lng)],{radius:7,color:x.color===\"#ffffff\"?\"#64748b\":x.color,fillColor:x.color,fillOpacity:1,weight:2}).addTo(map);m.bindPopup(\"<b>\"+(x.type===\"lahir\"?\"Kelahiran\":\"Kematian\")+\"<\/b><br>Umur: \"+x.age+\" tahun<br>Tanggal: \"+(x.date||\"-\")+\"<br>Kelurahan: \"+(x.village||\"-\")+\"<br>Kecamatan: \"+(x.district||\"-\"));bounds.push([Number(x.lat),Number(x.lng)]);});if(bounds.length>1)map.fitBounds(bounds,{padding:[20,20]});else if(bounds.length===1)map.setView(bounds[0],14);return map;}\n  function init(){var birth=[],death=[{\"id\":\"db747f1b-c9b4-4c17-9419-806efb0b6d49\",\"name\":\"ahmad\",\"person_id\":\"111\",\"nik\":\"21313313131\",\"kk\":\"13313131313113\",\"address\":\"jalan wonoyoso\",\"village\":\"akcaya\",\"rt\":\"11\",\"rw\":\"3\",\"type\":\"meninggal\",\"age\":40,\"date\":\"2026-08-11\",\"district\":\"pontianak selatan\",\"lat\":-0.050210200000000003439648565972674987278878688812255859375,\"lng\":109.3247032999999959201886667869985103607177734375,\"color\":\"#0284c7\"}];var maps={birth:null,death:null};function show(which){document.querySelectorAll('.sig-wrap [data-pane]').forEach(function(b){var active=b.getAttribute('data-pane')===which;b.classList.toggle('active',active);b.setAttribute('aria-selected',active?'true':'false');});document.querySelectorAll('.sig-wrap [data-view]').forEach(function(p){p.hidden=p.getAttribute('data-view')!==which;});if(!maps[which])maps[which]=makeMap(which==='birth'?\"sigmap_9R4s3WL_birth\":\"sigmap_9R4s3WL_death\",which==='birth'?birth:death);if(maps[which])setTimeout(function(){maps[which].invalidateSize();},100);}\n  document.querySelectorAll('.sig-wrap [data-pane]').forEach(function(b){b.addEventListener('click',function(){show(b.getAttribute('data-pane'));});});show('birth');}\n  if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();})();\n  <\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-237","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/simodisdlhkotaptk.net\/index.php?rest_route=\/wp\/v2\/pages\/237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/simodisdlhkotaptk.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/simodisdlhkotaptk.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/simodisdlhkotaptk.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/simodisdlhkotaptk.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=237"}],"version-history":[{"count":1,"href":"https:\/\/simodisdlhkotaptk.net\/index.php?rest_route=\/wp\/v2\/pages\/237\/revisions"}],"predecessor-version":[{"id":238,"href":"https:\/\/simodisdlhkotaptk.net\/index.php?rest_route=\/wp\/v2\/pages\/237\/revisions\/238"}],"wp:attachment":[{"href":"https:\/\/simodisdlhkotaptk.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}