Commit 318a31cf authored by Muhamad's avatar Muhamad

Merge branch 'master' of http://git.khansia.co.id/Nahrowi/oku-gis

# Conflicts:
#	Application/views.py
#	templates/includes/sidebar.html
parents bd5668c7 b7b0b9a0
...@@ -619,8 +619,8 @@ class Dashboard(generic.TemplateView): ...@@ -619,8 +619,8 @@ class Dashboard(generic.TemplateView):
'gardu_listrik':gardu_listrik_result, 'gardu_listrik':gardu_listrik_result,
'global':all[0], 'global':all[0],
'res_all':res_all, 'res_all':res_all,
'thisUser' : user_data, 'thisUser' : user_data
'user_res':user_res # ,'user_res':user_res
} }
return render (request, self.template_name, context) return render (request, self.template_name, context)
......
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="19" cy="19" r="19" fill="#F28C42" fill-opacity="0.1"/>
<circle cx="19" cy="19" r="16" fill="#F28C42"/>
<path d="M10.375 26.5611H29.625" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.375 26.5611V11.4361C21.375 11.2537 21.3026 11.0789 21.1736 10.9499C21.0447 10.821 20.8698 10.7486 20.6875 10.7486H12.4375C12.2552 10.7486 12.0803 10.821 11.9514 10.9499C11.8224 11.0789 11.75 11.2537 11.75 11.4361V26.5611" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M28.25 26.5611V16.9361C28.25 16.7537 28.1776 16.5789 28.0486 16.4499C27.9197 16.321 27.7448 16.2486 27.5625 16.2486H21.375" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.5 14.1861H17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.875 19.6861H18.625" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.5 23.1236H17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M24.125 23.1236H25.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M24.125 19.6861H25.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="19" cy="19" r="19" fill="#4A8CDB" fill-opacity="0.1"/>
<circle cx="19" cy="19" r="16" fill="#4A8CDB"/>
<path d="M11.6094 14.1875H26.3906" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.6094 18.3125H26.3906" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.3906 24.5H11.6094V13.5C11.6094 12.953 11.8267 12.4284 12.2135 12.0416C12.6003 11.6548 13.1249 11.4375 13.6719 11.4375H24.3281C24.8751 11.4375 25.3997 11.6548 25.7865 12.0416C26.1733 12.4284 26.3906 12.953 26.3906 13.5V24.5Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.3906 24.5V26.5625C26.3906 26.7448 26.3182 26.9197 26.1893 27.0486C26.0603 27.1776 25.8855 27.25 25.7031 27.25H23.6406C23.4583 27.25 23.2834 27.1776 23.1545 27.0486C23.0256 26.9197 22.9531 26.7448 22.9531 26.5625V24.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.0469 24.5V26.5625C15.0469 26.7448 14.9744 26.9197 14.8455 27.0486C14.7166 27.1776 14.5417 27.25 14.3594 27.25H12.2969C12.1145 27.25 11.9397 27.1776 11.8107 27.0486C11.6818 26.9197 11.6094 26.7448 11.6094 26.5625V24.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.2188 22.4375C15.7883 22.4375 16.25 21.9758 16.25 21.4062C16.25 20.8367 15.7883 20.375 15.2188 20.375C14.6492 20.375 14.1875 20.8367 14.1875 21.4062C14.1875 21.9758 14.6492 22.4375 15.2188 22.4375Z" fill="white"/>
<path d="M22.7812 22.4375C23.3508 22.4375 23.8125 21.9758 23.8125 21.4062C23.8125 20.8367 23.3508 20.375 22.7812 20.375C22.2117 20.375 21.75 20.8367 21.75 21.4062C21.75 21.9758 22.2117 22.4375 22.7812 22.4375Z" fill="white"/>
</svg>
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="19" cy="19" r="19" fill="#61DBA1" fill-opacity="0.1"/>
<circle cx="19" cy="19" r="16" fill="#61DBA1"/>
<path d="M14.875 22.125H17.2812" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20.7188 22.125H23.125" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.5625 25.5625V18.6875H22.4375L16.9375 14.5625V18.6875L11.4375 14.5625V25.5625" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.375 25.5611H28.625" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.5622 18.6875L25.2716 9.65277C25.2482 9.48894 25.1665 9.33906 25.0414 9.23063C24.9164 9.1222 24.7565 9.0625 24.591 9.0625H23.0335C22.868 9.0625 22.7081 9.1222 22.5831 9.23063C22.458 9.33906 22.3763 9.48894 22.3529 9.65277L21.1953 17.756" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="19" cy="19" r="19" fill="#F85C5C" fill-opacity="0.1"/>
<circle cx="19" cy="19" r="16" fill="#F85C5C"/>
<path d="M16.25 21.75H11.4375C11.2552 21.75 11.0803 21.6776 10.9514 21.5486C10.8224 21.4197 10.75 21.2448 10.75 21.0625V16.9375C10.75 16.7552 10.8224 16.5803 10.9514 16.4514C11.0803 16.3224 11.2552 16.25 11.4375 16.25H16.25V11.4375C16.25 11.2552 16.3224 11.0803 16.4514 10.9514C16.5803 10.8224 16.7552 10.75 16.9375 10.75H21.0625C21.2448 10.75 21.4197 10.8224 21.5486 10.9514C21.6776 11.0803 21.75 11.2552 21.75 11.4375V16.25H26.5625C26.7448 16.25 26.9197 16.3224 27.0486 16.4514C27.1776 16.5803 27.25 16.7552 27.25 16.9375V21.0625C27.25 21.2448 27.1776 21.4197 27.0486 21.5486C26.9197 21.6776 26.7448 21.75 26.5625 21.75H21.75V26.5625C21.75 26.7448 21.6776 26.9197 21.5486 27.0486C21.4197 27.1776 21.2448 27.25 21.0625 27.25H16.9375C16.7552 27.25 16.5803 27.1776 16.4514 27.0486C16.3224 26.9197 16.25 26.7448 16.25 26.5625V21.75Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="19" cy="19" r="19" fill="#D75090" fill-opacity="0.1"/>
<circle cx="19" cy="19" r="16" fill="#D75090"/>
<path d="M26.5625 14.1875H11.4375C11.0578 14.1875 10.75 14.4953 10.75 14.875V25.875C10.75 26.2547 11.0578 26.5625 11.4375 26.5625H26.5625C26.9422 26.5625 27.25 26.2547 27.25 25.875V14.875C27.25 14.4953 26.9422 14.1875 26.5625 14.1875Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.4375 14.1875V12.8125C22.4375 12.4478 22.2926 12.0981 22.0348 11.8402C21.7769 11.5824 21.4272 11.4375 21.0625 11.4375H16.9375C16.5728 11.4375 16.2231 11.5824 15.9652 11.8402C15.7074 12.0981 15.5625 12.4478 15.5625 12.8125V14.1875" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19 17.9688V22.7812" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.4062 20.375H16.5938" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="19" cy="19" r="19" fill="#5BAF68" fill-opacity="0.1"/>
<circle cx="19" cy="19" r="16" fill="#5BAF68"/>
<path d="M26.9063 17.5333V22.2187C26.9065 22.367 26.8586 22.5114 26.7697 22.6301C26.1907 23.4005 23.7483 26.2187 19 26.2187C14.2517 26.2187 11.8093 23.4005 11.2303 22.6301C11.1414 22.5114 11.0935 22.367 11.0938 22.2187V17.5333" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.6875 16.25L19 10.75L29.3125 16.25L19 21.75L8.6875 16.25Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M24.1562 28.625V19L19 16.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="19" cy="19" r="19" fill="#9E68E3" fill-opacity="0.1"/>
<circle cx="19" cy="19" r="16" fill="#9E68E3"/>
<path d="M10.4161 18.2494C10.4096 18.1355 10.4063 18.0211 10.4062 17.9063C10.4064 16.8734 10.7643 15.8725 11.4191 15.0737C12.0738 14.2749 12.985 13.7275 13.9977 13.5246C15.0105 13.3217 16.0622 13.4758 16.9742 13.9607C17.8861 14.4456 18.602 15.2314 19 16.1845L19 16.1845C19.398 15.2314 20.1139 14.4456 21.0258 13.9607C21.9378 13.4758 22.9895 13.3217 24.0023 13.5246C25.015 13.7275 25.9262 14.2749 26.5809 15.0737C27.2357 15.8725 27.5936 16.8734 27.5938 17.9063C27.5938 23.75 19 28.5625 19 28.5625C19 28.5625 15.5673 26.6402 13.0409 23.7501" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.75 21H14.1875L15.5625 18.9375L18.3125 23.0625L19.6875 21H21.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="19" cy="19" r="19" fill="#E1BB58" fill-opacity="0.1"/>
<circle cx="19" cy="19" r="16" fill="#E1BB58"/>
<path d="M16.25 28.6243L17.625 21.7493L12.125 19.6868L21.75 9.37431L20.375 16.2493L25.875 18.3118L16.25 28.6243Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="19" cy="19" r="19" fill="#75D9F9" fill-opacity="0.1"/>
<circle cx="19" cy="19" r="16" fill="#75D9F9"/>
<path d="M11.7812 19H26.2188" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.7812 14.1875H26.2188" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.25 25.875L14.1875 28.625" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.75 25.875L23.8125 28.625" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M24.1562 10.75H13.8438C12.7047 10.75 11.7812 11.6734 11.7812 12.8125V23.8125C11.7812 24.9516 12.7047 25.875 13.8438 25.875H24.1562C25.2953 25.875 26.2188 24.9516 26.2188 23.8125V12.8125C26.2188 11.6734 25.2953 10.75 24.1562 10.75Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19 14.1875V19" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.2188 23.8125C15.7883 23.8125 16.25 23.3508 16.25 22.7812C16.25 22.2117 15.7883 21.75 15.2188 21.75C14.6492 21.75 14.1875 22.2117 14.1875 22.7812C14.1875 23.3508 14.6492 23.8125 15.2188 23.8125Z" fill="white"/>
<path d="M22.7812 23.8125C23.3508 23.8125 23.8125 23.3508 23.8125 22.7812C23.8125 22.2117 23.3508 21.75 22.7812 21.75C22.2117 21.75 21.75 22.2117 21.75 22.7812C21.75 23.3508 22.2117 23.8125 22.7812 23.8125Z" fill="white"/>
</svg>
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
background-color: rgba(19, 146, 236, 0.6); background-color: rgba(19, 146, 236, 0.6);
} }
/* #f78531;#ffb47d; */
.marker-cluster-adm span { .marker-cluster-adm span {
line-height: 30px; line-height: 30px;
} }
......
...@@ -104,209 +104,418 @@ ...@@ -104,209 +104,418 @@
iconSize: [25, 25], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/police.svg', iconUrl: 'static/img/icon-1/Buildings-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/police.svg',
shadowSize: [38, 38], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [20, 32] // shadowSize: [38, 38],
// shadowAnchor: [20, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, {
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
} else if (feature.administrasi.f2 == 'Instalasi TNI (AD/AL/AU)') { } else if (feature.administrasi.f2 == 'Instalasi TNI (AD/AL/AU)') {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/tni.svg', iconUrl: 'static/img/icon-1/Buildings-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/tni.svg',
shadowSize: [38, 38], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [23, 32] // shadowSize: [38, 38],
// shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, {
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
} else if (feature.administrasi.f2 == 'Bangunan/Kantor Pertahanan Keamanan Lainnya') { } else if (feature.administrasi.f2 == 'Bangunan/Kantor Pertahanan Keamanan Lainnya') {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/tni.svg', iconUrl: 'static/img/icon-1/Buildings-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/tni.svg',
shadowSize: [38, 38], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [23, 32] // shadowSize: [38, 38],
// shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, {
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
} else if (feature.administrasi.f2 == 'Kantor Pemerintah Lainnya') { } else if (feature.administrasi.f2 == 'Kantor Pemerintah Lainnya') {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/kades.svg', iconUrl: 'static/img/icon-1/Buildings-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/kades.svg',
shadowSize: [38, 38], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [23, 32] // shadowSize: [38, 38],
// shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, {
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
} else if (feature.administrasi.f2 == 'Kantor Camat') { } else if (feature.administrasi.f2 == 'Kantor Camat') {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/lurah.svg', iconUrl: 'static/img/icon-1/Buildings-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/lurah.svg',
shadowSize: [38, 38], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [23, 32] // shadowSize: [38, 38],
// shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, {
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
} else if (feature.administrasi.f2 == 'Kantor Kepala Desa') { } else if (feature.administrasi.f2 == 'Kantor Kepala Desa') {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/lurah.svg', iconUrl: 'static/img/icon-1/Buildings-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/lurah.svg',
shadowSize: [38, 38], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [23, 32] // shadowSize: [38, 38],
// shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, {
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
} else if (feature.administrasi.f2 == 'Kantor DPRD') { } else if (feature.administrasi.f2 == 'Kantor DPRD') {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/lurah.svg', iconUrl: 'static/img/icon-1/Buildings-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/lurah.svg',
shadowSize: [38, 38], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [23, 32] // shadowSize: [38, 38],
// shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, {
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
} else if (feature.administrasi.f2 == 'Kantor Lurah') { } else if (feature.administrasi.f2 == 'Kantor Lurah') {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/lurah.svg', iconUrl: 'static/img/icon-1/Buildings-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/lurah.svg',
shadowSize: [38, 38], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [23, 32] // shadowSize: [38, 38],
// shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, {
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
} else if (feature.administrasi.f2 == 'Lembaga Pemasyarakatan') { } else if (feature.administrasi.f2 == 'Lembaga Pemasyarakatan') {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/pemerintahan_lain.svg', iconUrl: 'static/img/icon-1/Buildings-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/pemerintahan_lain.svg',
shadowSize: [38, 38], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [23, 32] // shadowSize: [38, 38],
// shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, {
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
} else if (feature.administrasi.f2 == 'Kantor Bupati') { } else if (feature.administrasi.f2 == 'Kantor Bupati') {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/lurah.svg', iconUrl: 'static/img/icon-1/Buildings-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/lurah.svg',
shadowSize: [38, 38], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [23, 32] // shadowSize: [38, 38],
// shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, {
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
} else if (feature.administrasi.f2 == 'none') { } else if (feature.administrasi.f2 == 'none') {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/lurah.svg', iconUrl: 'static/img/icon-1/Buildings-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/lurah.svg',
shadowSize: [38, 38], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [23, 32] // shadowSize: [38, 38],
// shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, {
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
} }
...@@ -799,21 +1008,39 @@ ...@@ -799,21 +1008,39 @@
var geo_po_kes = L.geoJson(null, { var geo_po_kes = L.geoJson(null, {
pointToLayer: function(feature, latlng) { pointToLayer: function(feature, latlng) {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/rs.svg', iconUrl: 'static/img/icon-1/Heartbeat-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/rs.svg',
shadowSize: [35, 35], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [22, 31] // shadowSize: [35, 35],
// shadowAnchor: [22, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, { conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
}, },
...@@ -1157,21 +1384,39 @@ ...@@ -1157,21 +1384,39 @@
var geo_po_puskes = L.geoJson(null, { var geo_po_puskes = L.geoJson(null, {
pointToLayer: function(feature, latlng) { pointToLayer: function(feature, latlng) {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/rs.svg', iconUrl: 'static/img/icon-1/FirstAidKit-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/rs.svg',
shadowSize: [35, 35], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [22, 31] // shadowSize: [35, 35],
// shadowAnchor: [22, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, { conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
}, },
...@@ -1513,18 +1758,36 @@ ...@@ -1513,18 +1758,36 @@
iconSize: [25, 25], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/rs.svg', iconUrl: 'static/img/icon-1/FirstAid-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/rs.svg',
shadowSize: [35, 35], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [19, 31] // shadowSize: [35, 35],
// shadowAnchor: [19, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, { conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
}, },
...@@ -1853,75 +2116,143 @@ ...@@ -1853,75 +2116,143 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/masjid.svg', iconUrl: 'static/img/icon/masjid.svg',
shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
shadowSize: [35, 35], // shadowSize: [35, 35],
shadowAnchor: [19, 30] // shadowAnchor: [19, 30]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, { conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
} else if (feature.administrasi.f2 == 'Gereja') { } else if (feature.administrasi.f2 == 'Gereja') {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/gereja.svg', iconUrl: 'static/img/icon/gereja.svg',
shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
shadowSize: [35, 35], // shadowSize: [35, 35],
shadowAnchor: [22, 31] // shadowAnchor: [22, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, { conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
} else if (feature.administrasi.f2 == 'Peribadatan/Sosial Lainnya') { } else if (feature.administrasi.f2 == 'Peribadatan/Sosial Lainnya') {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/pesantren.svg', iconUrl: 'static/img/icon/pesantren.svg',
shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
shadowSize: [35, 35], // shadowSize: [35, 35],
shadowAnchor: [22, 31] // shadowAnchor: [22, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, { conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
} else if (feature.administrasi.f2 == 'Pura') { } else if (feature.administrasi.f2 == 'Pura') {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/pura.svg', iconUrl: 'static/img/icon/pura.svg',
shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
shadowSize: [35, 35], // shadowSize: [35, 35],
shadowAnchor: [22, 31] // shadowAnchor: [22, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, { conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
} }
...@@ -2261,60 +2592,114 @@ ...@@ -2261,60 +2592,114 @@
pointToLayer: function(feature, latlng) { pointToLayer: function(feature, latlng) {
if (feature.administrasi.f2 == 'Pendidikan Tinggi') { if (feature.administrasi.f2 == 'Pendidikan Tinggi') {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/kampus.svg', iconUrl: '/static/img/icon-1/GraduationCap-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/kampus.svg',
shadowSize: [35, 35], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [19, 30] // shadowSize: [35, 35],
// shadowAnchor: [19, 30]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, { conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
} else if (feature.administrasi.f2 == 'Perpustakaan') { } else if (feature.administrasi.f2 == 'Perpustakaan') {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/perpus.svg', iconUrl: '/static/img/icon-1/GraduationCap-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/perpus.svg',
shadowSize: [35, 35], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [22, 31] // shadowSize: [35, 35],
// shadowAnchor: [22, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, { conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
} else { } else {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/sekolah.svg', iconUrl: '/static/img/icon-1/GraduationCap-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/sekolah.svg',
shadowSize: [35, 35], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [22, 31] // shadowSize: [35, 35],
// shadowAnchor: [22, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, { conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
} }
...@@ -2663,10 +3048,27 @@ ...@@ -2663,10 +3048,27 @@
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, { conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
}, },
...@@ -3011,21 +3413,39 @@ ...@@ -3011,21 +3413,39 @@
var geo_po_stasiun = L.geoJson(null, { var geo_po_stasiun = L.geoJson(null, {
pointToLayer: function(feature, latlng) { pointToLayer: function(feature, latlng) {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/kereta.svg', iconUrl: 'static/img/icon-1/Train-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/kereta.svg',
shadowSize: [35, 35], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [22, 31] // shadowSize: [35, 35],
// shadowAnchor: [22, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, { conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p>
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
}, },
...@@ -3346,21 +3766,39 @@ ...@@ -3346,21 +3766,39 @@
var geo_po_terminal = L.geoJson(null, { var geo_po_terminal = L.geoJson(null, {
pointToLayer: function(feature, latlng) { pointToLayer: function(feature, latlng) {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [18, 18], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/bus.svg', iconUrl: 'static/img/icon-1/Bus-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/bus.svg',
shadowSize: [35, 35], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [22, 31] // shadowSize: [35, 35],
// shadowAnchor: [22, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, { conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
}, },
...@@ -3674,21 +4112,39 @@ ...@@ -3674,21 +4112,39 @@
var geo_po_cagar_budaya = L.geoJson(null, { var geo_po_cagar_budaya = L.geoJson(null, {
pointToLayer: function(feature, latlng) { pointToLayer: function(feature, latlng) {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/loc.svg', iconUrl: 'static/img/icon-1/Factory-tes.svg'
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/loc.svg',
shadowSize: [35, 35], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [22, 31] // shadowSize: [35, 35],
// shadowAnchor: [22, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, { conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f4 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
}, },
...@@ -4003,21 +4459,39 @@ ...@@ -4003,21 +4459,39 @@
var geo_po_gardu_listrik = L.geoJson(null, { var geo_po_gardu_listrik = L.geoJson(null, {
pointToLayer: function(feature, latlng) { pointToLayer: function(feature, latlng) {
var smallIcon = new L.Icon({ var smallIcon = new L.Icon({
iconSize: [20, 20], iconSize: [25, 25],
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon/listrik.svg', iconUrl: 'static/img/icon-1/Lightning-tes.svg',
shadowUrl: 'static/img/icon/shadow.svg', // iconUrl: 'static/img/icon/listrik.svg',
shadowSize: [35, 35], // shadowUrl: 'static/img/icon/shadow.svg',
shadowAnchor: [22, 31] // shadowSize: [35, 35],
// shadowAnchor: [22, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
marker.bindTooltip(feature.administrasi.f1, { conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
marker.bindTooltip(conten, {
permanent: false, permanent: false,
className: "my-label", className: "my-label",
offset: [0, 0] direction: 'top',
offset: [0, -25]
}); });
return marker return marker
}, },
...@@ -5410,11 +5884,13 @@ ...@@ -5410,11 +5884,13 @@
}, },
dataType: 'json', dataType: 'json',
success: function(data) { success: function(data) {
$("#modal_detail_non_kelurahan").modal('show');
if (data['administrasi']['f9'] == 'None') { if (data['administrasi']['f9'] == 'None') {
var path_img = "static/img/image_null.jpg" var path_img = "static/img/image_null.jpg"
} else { } else {
var path_img = `"static/image/bangunan/` + data['administrasi']['f9'] + `"` var path_img = `"static/image/bangunan/` + data['administrasi']['f9'] + `"`
} }
content_tampak = ` content_tampak = `
<div class="modal-dialog" style="width: max-content;height: max-content;"> <div class="modal-dialog" style="width: max-content;height: max-content;">
<div class="modal-content"> <div class="modal-content">
...@@ -5461,6 +5937,71 @@ ...@@ -5461,6 +5937,71 @@
</div> </div>
</div> </div>
</div>`; </div>`;
$(".gambar_keterangan").html(`<img src="` + path_img + `" alt="" style="width:100%;height:240px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;">`)
$(".nama_keterangan").html(`<div>
<span style="font-size: large;">
` + data['properties']['f2'] + `
</span>
</div>
<div>
<span>
` + data['administrasi']['f1'] + `, ` + data['administrasi']['f2'] + `, ` + data['administrasi']['f3'] + `, ` + data['administrasi']['f4'] + `
</span>
</div>
`)
$(".isi_keterangan").html(`<input type="text" name="idjalan" id="idjalan" class="hidden" value="">
<input type="text" name="coordinatejalan" id="coordinatejalan" class="hidden" value="">
<div>
<div>
<span>Jenis Bangunan</span>
</div>
<div>
<span>
` + data['administrasi']['f12'] + `
</span>
</div>
</div>
<div>
<div>
<span>Luas Bangunan</span>
</div>
<div>
<span style="font-family: 'Roboto';">` + data['administrasi']['f6'] + ` m</span>
</div>
</div>
<div>
<div>
<span>Luas Tanah</span>
</div>
<div>
<span style="font-family: 'Roboto';">` + data['administrasi']['f7'] + ` m</span>
</div>
</div>
<div>
<div>
<span>Tinggi Bangunan</span>
</div>
<div>
<span style="font-family: 'Roboto';">` + data['administrasi']['f8'] + ` m</span>
</div>
</div>
<div>
<div>
<span>Pemilik</span>
</div>
<div>
<span style="font-family: 'Roboto';">` + data['administrasi']['f10'] + ` m</span>
</div>
</div>`);
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 212px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" class="btn btn-primary" data-toggle="modal" data-target="#modal_tampak" id="btn_upload_tampak" data-backdrop="static" data-keyboard="false"><i>Upload Tampak Bangunan 3D</i></a>
</div>
`)
content = `<table class="table table-hover tasks-list"> content = `<table class="table table-hover tasks-list">
<thead style="text-align: center;"> <thead style="text-align: center;">
<tr> <tr>
...@@ -6752,7 +7293,7 @@ ...@@ -6752,7 +7293,7 @@
</table> </table>
</div> </div>
<div class="form-group" style="margin-bottom:10px;"> <div class="form-group" style="margin-bottom:10px;">
<!-- <div id="map-delete" style="width: 300px;height: 250px;position: relative;margin-left: 10px;margin-right: 10px;margin-top: 10px;"></div> --> <div id="map-delete" style="width: 300px;height: 250px;position: relative;margin-left: 10px;margin-right: 10px;margin-top: 10px;"></div>
<div class="form-group"> <div class="form-group">
<div class="col-lg-12" style="margin-top:10px;margin-bottom:10px;"> <div class="col-lg-12" style="margin-top:10px;margin-bottom:10px;">
<input type="text" class="hidden" name="coordinatebangunan" id="coordinatebangunanhps" value=""> <input type="text" class="hidden" name="coordinatebangunan" id="coordinatebangunanhps" value="">
......
...@@ -3271,220 +3271,220 @@ ...@@ -3271,220 +3271,220 @@
$(this).next('.modalMinimize').find("i").removeClass('fa fa-clone').addClass('fa fa-minus'); $(this).next('.modalMinimize').find("i").removeClass('fa fa-clone').addClass('fa fa-minus');
}); });
map.on('zoomend', function() { // map.on('zoomend', function() {
var zoom = map.getZoom(); // var zoom = map.getZoom();
if (map.hasLayer(geo_po_cagar_budaya)) { // console.log(zoom)
geo_po_cagar_budaya.eachLayer(function(layer) { // if (map.hasLayer(geo_po_cagar_budaya)) {
if (zoom >= 15 && (!layer.getTooltip())) {
// geo_po_cagar_budaya.eachLayer(function(layer) {
// if (zoom >= 10 && (!layer.getTooltip())) {
conten = ` // conten = `
<div id="bottom-justified-data" style="text-align: center;"> // <div id="bottom-justified-data" style="text-align: center;">
<div > // <div >
<img src="static/img/image/` + layer.feature.administrasi.f4 + `" alt="Image" style="width: 150px!important;height: 125px;"> // <img src="static/img/image/` + layer.feature.administrasi.f4 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div> // </div>
<div > // <div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif; // <div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0"> // letter-spacing: 0">
<p > // <p >
` + layer.feature.administrasi.f1 + ` // ` + layer.feature.administrasi.f1 + `
</p> // </p>
</div> // </div>
</div> // </div>
</div> // </div>
`; // `;
layer.bindTooltip(conten, { // layer.bindTooltip(conten, {
sticky: true, // sticky: true,
permanent: true, // permanent: false,
interactive: false, // interactive: false,
direction: 'top', // direction: 'top',
offset: [0, -25], // offset: [0, -25],
className: 'my-label' // className: 'my-label'
}); // });
} else if (zoom < 15 && (layer.getTooltip())) { // } else if (zoom < 10 && (layer.getTooltip())) {
//console.log('remove tooltip'); // //console.log('remove tooltip');
layer.unbindTooltip(); // layer.unbindTooltip();
} // }
}); // });
} // }
if (map.hasLayer(geo_po_rumah_sakit)) { // if (map.hasLayer(geo_po_rumah_sakit)) {
geo_po_rumah_sakit.eachLayer(function(layer) { // geo_po_rumah_sakit.eachLayer(function(layer) {
if (zoom >= 15 && (!layer.getTooltip())) { // if (zoom >= 10 && (!layer.getTooltip())) {
if (layer.feature.administrasi.f8 == 'None') { // if (layer.feature.administrasi.f8 == 'None') {
var gmb = "rs.svg"; // var gmb = "rs.svg";
} else { // } else {
var gmb = layer.feature.administrasi.f8; // var gmb = layer.feature.administrasi.f8;
} // }
conten = ` // conten = `
<div id="bottom-justified-data" style="text-align: center;"> // <div id="bottom-justified-data" style="text-align: center;">
<div > // <div >
<img src="static/img/image/` + gmb + `" alt="Image" style="width: 150px!important;height: 125px;"> // <img src="static/img/image/` + gmb + `" alt="Image" style="width: 150px!important;height: 125px;">
</div> // </div>
<div > // <div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif; // <div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0"> // letter-spacing: 0">
<p > // <p >
` + layer.feature.administrasi.f1 + ` // ` + layer.feature.administrasi.f1 + `
</p> // </p>
</div> // </div>
</div> // </div>
</div> // </div>
`; // `;
layer.bindTooltip(conten, { // layer.bindTooltip(conten, {
sticky: true, // sticky: true,
permanent: true, // permanent: false,
interactive: false, // interactive: false,
direction: 'top', // direction: 'top',
offset: [0, -25], // offset: [0, -25],
className: 'my-label' // className: 'my-label'
}); // });
} else if (zoom < 15 && (layer.getTooltip())) { // } else if (zoom < 10 && (layer.getTooltip())) {
//console.log('remove tooltip'); // //console.log('remove tooltip');
layer.unbindTooltip(); // layer.unbindTooltip();
} // }
}); // });
} // }
if (map.hasLayer(geo_po_spbu)) { // if (map.hasLayer(geo_po_spbu)) {
geo_po_spbu.eachLayer(function(layer) { // geo_po_spbu.eachLayer(function(layer) {
if (zoom >= 15 && (!layer.getTooltip())) { // if (zoom >= 10 && (!layer.getTooltip())) {
if (layer.feature.administrasi.f8 == 'None') { // if (layer.feature.administrasi.f8 == 'None') {
var gmb = "rs.svg"; // var gmb = "rs.svg";
} else { // } else {
var gmb = layer.feature.administrasi.f8; // var gmb = layer.feature.administrasi.f8;
} // }
conten = ` // conten = `
<div id="bottom-justified-data" style="text-align: center;"> // <div id="bottom-justified-data" style="text-align: center;">
<div > // <div >
<img src="static/img/image/` + gmb + `" alt="Image" style="width: 150px!important;height: 125px;"> // <img src="static/img/image/` + gmb + `" alt="Image" style="width: 150px!important;height: 125px;">
</div> // </div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + layer.feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
layer.bindTooltip(conten, { // <div >
sticky: true, // <div style="font-family: Google Sans,Roboto,Arial,sans-serif;
permanent: true, // letter-spacing: 0">
interactive: false, // <p >
direction: 'top', // ` + layer.feature.administrasi.f1 + `
offset: [0, -25], // </p>
className: 'my-label' // </div>
}); // </div>
} else if (zoom < 15 && (layer.getTooltip())) { // </div>
//console.log('remove tooltip'); // `;
layer.unbindTooltip();
} // layer.bindTooltip(conten, {
}); // sticky: true,
} // permanent: false,
// interactive: false,
// direction: 'top',
// offset: [0, -25],
// className: 'my-label'
// });
// } else if (zoom < 10 && (layer.getTooltip())) {
// //console.log('remove tooltip');
// layer.unbindTooltip();
// }
// });
// }
if (map.hasLayer(geo_po_stasiun)) { // if (map.hasLayer(geo_po_stasiun)) {
geo_po_stasiun.eachLayer(function(layer) { // geo_po_stasiun.eachLayer(function(layer) {
if (zoom >= 15 && (!layer.getTooltip())) { // if (zoom >= 10 && (!layer.getTooltip())) {
if (layer.feature.administrasi.f8 == 'None') { // if (layer.feature.administrasi.f8 == 'None') {
var gmb = "rs.svg"; // var gmb = "rs.svg";
} else { // } else {
var gmb = layer.feature.administrasi.f8; // var gmb = layer.feature.administrasi.f8;
} // }
conten = ` // conten = `
<div id="bottom-justified-data" style="text-align: center;"> // <div id="bottom-justified-data" style="text-align: center;">
<div > // <div >
<img src="static/img/image/` + gmb + `" alt="Image" style="width: 150px!important;height: 125px;"> // <img src="static/img/image/` + gmb + `" alt="Image" style="width: 150px!important;height: 125px;">
</div> // </div>
<div > // <div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif; // <div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0"> // letter-spacing: 0">
<p > // <p >
` + layer.feature.administrasi.f1 + ` // ` + layer.feature.administrasi.f1 + `
</p> // </p>
</div> // </div>
</div> // </div>
</div> // </div>
`; // `;
layer.bindTooltip(conten, { // layer.bindTooltip(conten, {
sticky: true, // sticky: true,
permanent: true, // permanent: false,
interactive: false, // interactive: false,
direction: 'top', // direction: 'top',
offset: [0, -25], // offset: [0, -25],
className: 'my-label' // className: 'my-label'
}); // });
} else if (zoom < 15 && (layer.getTooltip())) { // } else if (zoom < 10 && (layer.getTooltip())) {
//console.log('remove tooltip'); // //console.log('remove tooltip');
layer.unbindTooltip(); // layer.unbindTooltip();
} // }
}); // });
} // }
if (map.hasLayer(geo_po_terminal)) { // if (map.hasLayer(geo_po_terminal)) {
geo_po_terminal.eachLayer(function(layer) { // geo_po_terminal.eachLayer(function(layer) {
if (zoom >= 15 && (!layer.getTooltip())) { // if (zoom >= 10 && (!layer.getTooltip())) {
if (layer.feature.administrasi.f8 == 'None') { // if (layer.feature.administrasi.f8 == 'None') {
var gmb = "rs.svg"; // var gmb = "rs.svg";
} else { // } else {
var gmb = layer.feature.administrasi.f8; // var gmb = layer.feature.administrasi.f8;
} // }
conten = ` // conten = `
// <div id="bottom-justified-data" style="text-align: center;">
<div id="bottom-justified-data" style="text-align: center;"> // <div >
<div > // <img src="static/img/image/` + gmb + `" alt="Image" style="width: 150px!important;height: 125px;">
<img src="static/img/image/` + gmb + `" alt="Image" style="width: 150px!important;height: 125px;"> // </div>
</div>
<div > // <div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif; // <div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0"> // letter-spacing: 0">
<p > // <p >
` + layer.feature.administrasi.f1 + ` // ` + layer.feature.administrasi.f1 + `
</p> // </p>
</div> // </div>
</div> // </div>
</div> // </div>
`; // `;
layer.bindTooltip(conten, { // layer.bindTooltip(conten, {
sticky: true, // sticky: true,
permanent: true, // permanent: false,
interactive: false, // interactive: false,
direction: 'top', // direction: 'top',
offset: [0, -25], // offset: [0, -25],
className: 'my-label' // className: 'my-label'
}); // });
} else if (zoom < 15 && (layer.getTooltip())) { // } else if (zoom < 10 && (layer.getTooltip())) {
//console.log('remove tooltip'); // //console.log('remove tooltip');
layer.unbindTooltip(); // layer.unbindTooltip();
} // }
}); // });
} // }
}); // });
</script> </script>
<script> <script>
......
...@@ -28,11 +28,11 @@ ...@@ -28,11 +28,11 @@
<i class="icon-pie-chart5"></i> <i class="icon-pie-chart5"></i>
</a> </a>
</li> </li>
<li style="margin-top: 60vh;position: absolute;"> <!-- <li style="margin-top: 60vh;position: absolute;">
<a href="#" id="btn-hide-all" class="side-bar-but" style="position: absolute;margin-top: 20px; display: block!important;"> <a href="#" id="btn-hide-all" class="side-bar-but" style="position: absolute;margin-top: 20px; display: block!important;">
<i class="icon-arrow-right13"></i> <i class="icon-arrow-right13"></i>
</a> </a>
</li> </li> -->
</ul> </ul>
......
...@@ -26,7 +26,6 @@ ...@@ -26,7 +26,6 @@
border-radius: 10px; border-radius: 10px;
} }
#id_password{ #id_password{
background: #191C2C; background: #191C2C;
border: 1px solid #D8D8D8; border: 1px solid #D8D8D8;
box-sizing: border-box; box-sizing: border-box;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment