在Leaflet中动态设置fillcolor

Question

Hello Stackoverflow的优秀人才， 提前感谢您花时间阅读和帮助。

我正在使用leaflet.js的交互式chloropath示例

我想出了在点击每个多边形后，如何让我的每个多边形在页面底部添加一个运行的数值计数器。

第二次单击选定的多边形时，它会从正在运行的计数中删除它的值。

我想在视觉上将其表示为地图上多边形的填充颜色变化。

[编辑]：基本上，当我“取消”已经突出显示的多边形时，它会成功地从正在运行的计数中删除它的计数，但它不会“取消突出显示”它。这就是挑战......

这是我到目前为止的代码（包含PHP的javascript）： （我在我的代码中包含了一些注释来解释我正在尝试做什么。再次感谢任何帮助都会非常感激）

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;


geojson.resetStyle; // I want to reset color of polygon if deselected (this would be the default)

List<?php echo $row->boundary_name ?> = 1; 
}