maps.google.comの近似長方形InfoWindow

Question

maps.google.comと同じスタイルを実現するには、Googleマップのv3 InfoWindowをどのようにスタイルできますか？

Answer 1

長方形InfoWindowsは、Maps API 3.7（現在の夜間バージョン）以降のデフォルトスタイルになりました。

Answer 2

APIは、InfoWindowオブジェクトの堅牢なスタイリングを提供しません（または、もしそうであれば、それは文書化されていません）。 http://code.google.com/apis/maps/documentation/javascript/reference.html#InfoWindowOptionsで利用できるオプションが表示されます。ご覧のように、丸みを帯びたコーナーや丸くないコーナーのようなものには、今のところ何もありません。

ごめんなさい、あなたはあまり現実的ではなく、スタイルシートをつまんでいるようです時間。

Answer 3

実際、これは初めてのことです。私は確かに彼らはApiのウィンドウを更新するGoogleの新しいデザインのアップデートと私は確かに。それまでの間、私は使用します： Google Maps: How to create a custom InfoWindow?

Answer 4

使用バージョンのAPIの3.7+（彼らは3.6の後に丸みを帯びた角を取り除い）

Answer 5

Uは、情報ウィンドウの責任四角形を選択し、スタイルを設定し、その後深いCSSで行くことができます。

#map_canvas div div div div div div div:nth-of-type(12) { 
-moz-border-radius:5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px; }