谷歌地图层onclick更改风格多边形

我正在使用geojson数据在Google地图中使用图层。谷歌地图层onclick更改风格多边形

我现在拥有的是一个有四个不同多边形的图层，当你点击它们时，它们会从灰色变为绿色。但是，当我再次点击它不会变回灰色，这是点击功能的目的。

map.data.setStyle(function(feature) { 
 
    var color; 
 
    if (feature.getProperty('isColorful')) { 
 
     color = '#009900'; 
 
    }else{ 
 
     color: 'grey'; 
 
    } 
 
    return ({ 
 
     fillColor: color, 
 
     strokeColor: color, 
 
     strokeWeight: 2 
 
    }); 
 
});

在我的情况下，它工作在我的编辑，https://embed.plnkr.co/hi4MtjO8f0PN6rCW70rE/。这是完整的代码片段。

我修好了！我改变几行的位置，并将其设置为false或真

map.data.setStyle(function(feature) { 
 
var color; 
 
if (feature.getProperty('isColorful')) { 
 
    feature.setProperty('isColorful', false); 
 
    color = '#009900'; 
 
}else{ 
 
    color: 'grey'; 
 
} 
 
return /** @type {google.maps.Data.StyleOptions} */({ 
 
    fillColor: color, 
 
    strokeColor: color, 
 
    strokeWeight: 2 
 
}); 
 
}); 
 

 
map.data.addListener('click', function(event) { 
 
var name = event.feature.getProperty('name'); 
 
var index = vm.areas.indexOf(name); 
 
    if(index >= 0){ 
 
    vm.areas.splice(index,1); 
 
    event.feature.setProperty('isColorful', false); 
 
    } else{ 
 
    vm.areas.push(name); 
 
    event.feature.setProperty('isColorful', true); 
 
    } 
 
    $scope.$apply(); 
 
});

来源

2017-10-19 MissesA

嗨，你能告诉我们完整的相关代码吗？或者甚至更好，用你的代码完成代码片段，这样我们就可以看到它的工作。 –

我会在那一刻做到这一点 – MissesA

您应该将else子句中改变isColorful propertyb太否则，你总是假

map.data.setStyle(function(feature) { 
var color; 

    if (feature.getProperty('isColorful')) { 
     feature.setProperty('isColorful', false); 
     color = '#009900'; 
    }else{ 
     feature.setProperty('isColorful', true); 
     color: 'grey'; 
    }

来源

2017-10-19 09:08:23 scaisEdge

感谢您的提示！ – MissesA

@Audrey好，如果我的答案是正确的，请将其标记为已接受...看看这里如何 http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work – scaisEdge

谷歌地图层onclick更改风格多边形

回答

相关问题