Saya menggunakan contoh kloropat interaktif untuk leaflet.js
Saya menemukan cara untuk membuat setiap poligon saya menambahkan penghitungan nilai yang berjalan ke bagian bawah halaman setelah setiap poligon diklik.
Setelah mengklik poligon yang dipilih untuk kedua kalinya itu menghilangkan nilainya dari penghitungan berjalan.
Saya ingin menggambarkan ini secara visual sebagai perubahan warna poligon pada peta.
Inilah kode saya sejauh ini (termasuk javascript dengan PHP): (Saya sudah memasukkan komentar dalam kode saya untuk menjelaskan apa yang saya coba lakukan. Sekali lagi bantuan apa pun akan sangat dihargai)
function addUp(num, x)
{
<?php
// begin php code
$places = $db->query("SELECT boundary_id, boundary_name FROM boundaries WHERE
boundary_state= '$thatstate'");
while($row = $places->fetch_object()) {
//end php code ?>
//begin javascript
if (x == "List<?php echo $row->boundary_name ?>" && List<?php echo $row->boundary_name ?> == 1) {
temp = document.theForm.ttl.value;
tempo = parseInt(temp);
numo = parseInt(num);
nwTemp = tempo + numo;
document.theForm.ttl.value = nwTemp;
geojson.setStyle({fillColor: 'blue'}); // I want to set color to blue to show highlighted
List<?php echo $row->boundary_name ?> = 0;
return List<?php echo $row->boundary_name ?>;
}
if (x == "List<?php echo $row->boundary_name ?>" && List<?php echo $row->boundary_name ?> == 0) {
temp = document.theForm.ttl.value;
tempo = parseInt(temp);
numo = parseInt(num);
nwTemp = tempo - numo;
document.theForm.ttl.value = nwTemp;
// I want to reset color of polygon if deselected (this would be the default)
geojson.resetStyle;
List<?php echo $row->boundary_name ?> = 1;
}
}
Jawaban:
Anda dapat mengubah warna isian poligon dengan
setStyle
metode (diwarisi dari Path ).Jika Anda kesulitan menampilkan geojson dengan benar, Anda dapat melihat pada dokumen Leaflet GeoJSON .
sumber
Ada juga jsfiddle yang saya temukan . Saya tidak bisa mengklaimnya sebagai milik saya, tetapi Anda dapat menyortir objek pilihan melalui
event.target.options
atau bahkan mengatur atribut warna untuk acara targetevent.target.setAttribute()
sumber