如何在Google Maps v3 API中禁用交叉圓/多邊形的Alpha合併？

在Google Maps v3 JS API中是否有方法/配置屬性來禁用/解決重疊圓圈的alpha組合問題？我目前正在研究一個項目，最終可以在地圖上繪製多個圈子，某些區域是> 10個圓圈的交叉點。即使是非常低的不透明度，這也會很快使地圖在那些相交區域無法讀取。任何有關如何保持交叉點與任何單個圓圈不相同的不透明性的建議都將不勝感激 - 顯然這是API v2中的默認行爲（示例屏幕截圖：http://img23.imageshack.us/i/screenshot20110504at655.png/）如何在Google Maps v3 API中禁用交叉圓/多邊形的Alpha合併？

來源

2012-09-04 Vasanth Subramanian

圖片鏈接已死 – Michael

您需要將路徑組合爲數組的陣列，成一個單一的多邊形。 Example code here，並查看result here。

來源

2012-09-04 17:05:44 Marcelo

也許有點遲到的評論，但我面臨同樣的問題，我不完全確定這個答案如何幫助。你的例子是一個多邊形，而不是一堆圓圈...... – StephenTG

所以2年後，我遇到了同樣的問題。這個解決方案有點破解。

在JavaScript中將所有圈子的不透明度設置爲1。然後加入這個CSS：

#map-canvas > div:first-of-type > div:first-of-type > div:first-of-type > div:first-of-type > div:first-of-type > div:first-of-type > div:first-of-type { 
    opacity:0.3 
}

如果谷歌更改圓層的位置，那麼這將打破。 PS：我使用地圖api的v3。

來源

2014-06-12 12:09:14

他們改變了它。不要使用這個答案。 –

如何在Google Maps v3 API中禁用交叉圓/多邊形的Alpha合併？

回答

相關問題