javascript - 单击其他折线时如何停止将 geojson 折线描边颜色更改为默认值？

Question

我已经使用 javascript 在谷歌地图上绘制/绘制了 geojson 文件。 geojson 文件包含多条折线(道路) 我使用以下 JavaScript 代码设置了所有折线的样式。

Var myGeojsonLayer = new google.maps.Data();
myGeojsonLayer.loadGeoJson('Local Geojson layer path');

myGeojsonLayer.setStyle(function (feature) {
    return {
        strokeColor: 'green'
    };
});

我已经在折线上注册了点击监听器。 单击时，我更改多段线的描边颜色(从绿色更改为红色)。但问题是，其他折线(未单击) 还将其描边颜色从绿色(初始颜色)更改为默认颜色(黑色)。 如何解决这个问题，请帮助我。

 myGeojsonLayer.addListener('click', function(event) {

   this.setStyle(function (feature) {

        if(  feature.getProperty('District') == 'Swat'  ){
            return {
                strokeColor: 'red'                  
            };
        }

    });

 });

Answer 1

您必须具体选择折线，以便可以专门更改颜色。

click here