单击其他折线后,如何停止将geojson折线strokeColor更改为默认值?

时间:2018-07-11 06:11:02

标签: javascript google-maps web google-maps-api-3 gis

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

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

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

我已经在折线上注册了点击侦听器。 单击折线时,我将其更改为strokeColor(从绿色更改为红色)。但是问题是,其他折线(未单击) 还可以将其笔触颜色从绿色(初始颜色)更改为默认颜色(黑色)。      如何解决此问题,请帮助我。

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

   this.setStyle(function (feature) {

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

    });

 });

1 个答案:

答案 0 :(得分:1)

您必须对折线的选择保持明确,以便可以更改颜色。

click here