Google maps layer onclick changer de polygone de style

Question

Je travaille avec des calques dans Google Maps en utilisant des données geojson. Ce que j'ai maintenant est un calque avec quatre polygones différents et quand vous cliquez dessus, ils passent du gris au vert. Mais quand je clique à nouveau, il ne revient pas en gris et c'est le but de la fonction de clic.

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

Dans mon cas, il travaille dans mon rédacteur en chef, https://embed.plnkr.co/hi4MtjO8f0PN6rCW70rE/. Ceci est le code de l'extrait complet.

Je l'ai réparé !! je change la position de quelques lignes et le mettre à vrai ou faux

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(); 
 
});

Answer 1

Vous devez modifier le propertyb isColorful trop dans votre clause d'autre sinon vous avez toujours faux

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

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