Sobreposição múltipla do mapa do Google sem opacidade cumulativa
Eu tenho um mapa com vários círculos cruzando um ao outro (abaixo é um exemplo com apenas dois, mas são cerca de 100 círculos, pelo menos). Quando eles cruzam, a opacidade é dobrada, então quando eu tenho um cruzamento entre 5 ou 6 círculos, ele se torna 100% de opacidade.
Existe uma maneira de permitir que o segundo círculo não mostre "sobre" o primeiro? Na verdade, acho que não, mas talvez alguém já esperasse algo assim ...
ESQUERDA: O que eu tenho --------------------------------------------- - CERTO: o que eu quero
Apenas no caso de você querer jogar:http://jsfiddle.net/ZWt6w/
var populationOptions = {
strokeWeight: 0,
fillColor: '#FF0000',
fillOpacity: 0.5,
map: map,
center: citymap[city].center,
radius: citymap[city].population
};
// Add the circle for this city to the map.
cityCircle = new google.maps.Circle(populationOptions);
Obrigado pela ajuda ;)