fir2be/map-controller
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ppup sizeing

Browse Source
This commit is contained in:
='fauz 2025-07-03 01:25:38 +07:00
parent 8e84a142c7
commit aa83cb75f8
3 changed files with 19 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/style.css
View File

@ -329,7 +329,7 @@ header {
padding: 20px; padding: 20px;
align-items: center; align-items: center;
justify-content: left; justify-content: left;
max-width: 400; max-width: 300;
} }
.recent-Articles { .recent-Articles {

15
templates/index.html
View File

@ -11,6 +11,9 @@
.select2-selection__arrow { .select2-selection__arrow {
display: block !important; display: block !important;
} }
.custom-popup {
font-size: 8px; /* Atur ukuran sesuai kebutuhan */
}
</style> </style>
</head> </head>
@ -316,7 +319,7 @@
<li>KOPERASI - ${provKoperasiHTML} </li> <li>KOPERASI - ${provKoperasiHTML} </li>
`; `;
layer.bindPopup(popupContent).openPopup(e.latlng); layer.bindPopup(popupContent, {className: 'custom-popup'}).openPopup(e.latlng);
} else if (currentLevel === 'kabupatenkota') { } else if (currentLevel === 'kabupatenkota') {
const province_code = localStorage.getItem('kode_provinsi'); const province_code = localStorage.getItem('kode_provinsi');
@ -359,7 +362,7 @@
<li>KOPERASI - ${kabkoperasiHTML} </li> <li>KOPERASI - ${kabkoperasiHTML} </li>
`; `;
layer.bindPopup(popupContent).openPopup(e.latlng); layer.bindPopup(popupContent, {className:'custom-popup'}).openPopup(e.latlng);
} else if (currentLevel === 'kecamatan'){ } else if (currentLevel === 'kecamatan'){
const province_code = localStorage.getItem('kode_provinsi') const province_code = localStorage.getItem('kode_provinsi')
@ -405,7 +408,7 @@
<li>SERAPAN - ${kecdanadesaHTML} </li> <li>SERAPAN - ${kecdanadesaHTML} </li>
<li>KOPERASI - ${keckoperasiHTML} </li> <li>KOPERASI - ${keckoperasiHTML} </li>
` `
layer.bindPopup(popupContent).openPopup(e.latlng); layer.bindPopup(popupContent, {className:'custom-popup'}).openPopup(e.latlng);
}else { }else {
// Desa // Desa
const province_code = localStorage.getItem('kode_provinsi') const province_code = localStorage.getItem('kode_provinsi')
@ -451,14 +454,14 @@
<li>KOPERASI - ${koperasiHTML} </li> <li>KOPERASI - ${koperasiHTML} </li>
`; `;
layer.bindPopup(popupContent).openPopup(e.latlng); layer.bindPopup(popupContent,{className:'custom-popup'}).openPopup(e.latlng);
} }
}, 250); }, 250);
layer.bindPopup(feature.properties.nama); layer.bindPopup(feature.properties.nama, {className:'custom-popup'});
} }
console.log(currentLevel) console.log(currentLevel)
}); });
layer.bindPopup(feature.properties.nama); layer.bindPopup(feature.properties.nama, {className: 'custom-popup'});
} }
}).addTo(map); }).addTo(map);

30
templates/map.html
View File

@ -120,11 +120,7 @@
<div class="row form-group"> <div class="row form-group">
<div class="col-md-12"> <div class="col-md-12">
<div class="input-group"> <div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" style="width: 150px;">
Provinsi
</span>
</div>
<select class="form-control select2 border border-primary" name="provinsiDropdown" id="provinsiDropdown" <select class="form-control select2 border border-primary" name="provinsiDropdown" id="provinsiDropdown"
data-placeholder="Provinsi ......"> data-placeholder="Provinsi ......">
<option></option> <option></option>
@ -138,11 +134,7 @@
<div class="row form-group"> <div class="row form-group">
<div class="col-md-12"> <div class="col-md-12">
<div class="input-group"> <div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" style="width: 150px;">
Kabupaten/Kota
</span>
</div>
<select class="form-control select2" name="kabkotaDropdown" id="kabkotaDropdown" <select class="form-control select2" name="kabkotaDropdown" id="kabkotaDropdown"
data-placeholder="Kabupaten/Kota ....." > data-placeholder="Kabupaten/Kota ....." >
<option></option> <option></option>
@ -155,11 +147,7 @@
<div class="row form-group"> <div class="row form-group">
<div class="col-md-12"> <div class="col-md-12">
<div class="input-group"> <div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" style="width: 150px;">
Kecamatan
</span>
</div>
<select class="form-control select2" name="kecamatanDropdown" id="kecamatanDropdown" <select class="form-control select2" name="kecamatanDropdown" id="kecamatanDropdown"
data-placeholder="Kecamatan ....."> data-placeholder="Kecamatan .....">
<option></option> <option></option>
@ -290,7 +278,7 @@
updateDropdown('kabupatenkota',feature.properties.id) updateDropdown('kabupatenkota',feature.properties.id)
}else if(currentLevel === 'kecamatan'){ }else if(currentLevel === 'kecamatan'){
localStorage.setItem('kode_kecamatan',feature.properties.id) localStorage.setItem('kode_kecamatan',feature.properties.id)
updateDropdown('kecamatan',feature.properties.id) updateDropdown('kabupatenkota',feature.properties.id)
} }
} else { } else {
// Single click → Tampilkan popup // Single click → Tampilkan popup
@ -368,7 +356,7 @@
<li>KOPERASI - ${kabkoperasiHTML} </li> <li>KOPERASI - ${kabkoperasiHTML} </li>
`; `;
layer.bindPopup(popupContent).openPopup(e.latlng); layer.bindPopup(popupContent, {className: 'custom-popup'}).openPopup(e.latlng);
} else if (currentLevel === 'kecamatan'){ } else if (currentLevel === 'kecamatan'){
const province_code = localStorage.getItem('kode_provinsi') const province_code = localStorage.getItem('kode_provinsi')
@ -414,7 +402,7 @@
<li>SERAPAN - ${kecdanadesaHTML} </li> <li>SERAPAN - ${kecdanadesaHTML} </li>
<li>KOPERASI - ${keckoperasiHTML} </li> <li>KOPERASI - ${keckoperasiHTML} </li>
` `
layer.bindPopup(popupContent).openPopup(e.latlng); layer.bindPopup(popupContent, {className:'custom-popup'}).openPopup(e.latlng);
}else { }else {
// Desa // Desa
const province_code = localStorage.getItem('kode_provinsi') const province_code = localStorage.getItem('kode_provinsi')
@ -460,14 +448,14 @@
<li>KOPERASI - ${koperasiHTML} </li> <li>KOPERASI - ${koperasiHTML} </li>
`; `;
layer.bindPopup(popupContent).openPopup(e.latlng); layer.bindPopup(popupContent, {className: 'custom-popup'}).openPopup(e.latlng);
} }
}, 250); }, 250);
layer.bindPopup(feature.properties.nama); layer.bindPopup(feature.properties.nama,{className:'custom-popup'});
} }
console.log(currentLevel) console.log(currentLevel)
}); });
layer.bindPopup(feature.properties.nama); layer.bindPopup(feature.properties.nama, {className:'custom-popup'});
} }
}).addTo(map); }).addTo(map);