Google マップ v3 JS API に、重複する円のアルファ結合を無効化/回避するためのメソッド/構成プロパティはありますか? 私は現在、地図上に多くの円を描くことができるプロジェクトに取り組んでおり、一部の領域は 10 個を超える円の交点です。不透明度が非常に低い場合でも、これらの交差領域でマップがすぐに判読不能になる可能性があります。交点を個々の円と同じ不透明度に保つ方法についての提案は大歓迎です - どうやらこれは API v2 のデフォルトの動作でした (スクリーンショットの例: http://img23.imageshack.us/i/screenshot20110504at655.png / )
質問する
1052 次
3 に答える
1
パスを配列の配列として 1 つの多角形に結合する必要があります。サンプルコードはこちら、結果はこちら。
于 2012-09-04T17:05:44.030 に答える
0
Daryls の回答に基づいて、これを html ヘッダーのスタイル部分に配置する必要があります。
.gm-style > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){
opacity: 0.1;
}
2018年7月現在、これは私のために働いています
于 2018-06-15T23:13:00.977 に答える
0
そのため、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
}
Google が円レイヤーの場所を変更すると、これが壊れます。
PS。Maps API の v3 を使用しています。
于 2014-06-12T12:09:14.873 に答える