4

現在、Google マップの API V3 を使用して、複数のマーカーを含むマップを作成しています。マーカーをクリックすると、この後者の詳細を説明する InfoWindow が表示されます。

Google マップの API V2 のように InfoWindow の角を丸くする方法を知る必要がありますか?

4

3 に答える 3

1

infobubbleを使用すると、カスタムinfowindowを作成し、それらを（ほぼ）好きなように構成できます。

于 2012-08-16T15:42:37.687 に答える
1

既存のインフォウィンドウのCSSをカスタマイズすることはできませんが、よりカスタマイズ可能なものに置き換えることはできます。私はInfoBoxが好きです。なぜなら、それは通常のInfoWIndowに非常に似ていますが、より多くのスタイリングオプションがあるからです。インフォボックスは、実際には、geocodezipがリンクしているのと同じGoogleマップユーティリティライブラリの一部です。両方をダウンロードして、どちらがニーズに最も適しているかを確認することをお勧めします。

google-maps-utility-library-v3

于 2012-08-17T00:28:31.213 に答える
1

これを達成するために、このコードをダーティハックとして使用しました。

google.maps.event.addListener(this._w, 'domready', function () {
$('#map .bubbleContent')
    .parent().parent().parent().prev()
    .css('borderRadius', 5);
});

このコードは jQuery を使用します (幅プレーンの JS でも実行できます)。セレクター#map .bubbleContentは、infoWindow に入れた HTML コンテンツのラッピング div を見つけます。#mapマップから div を選択しないようにするためだけに、私のマップ コンテナーです。

ノート！ このコードは、Google が情報ウィンドウのマークアップを変更するたびに壊れる可能性があります。

于 2012-08-17T22:08:24.387 に答える