jquery - インフォボックスの上の Google マップ マーカーの z インデックス

Question

Google マップのマーカーをインフォボックスの上に置く方法はありますか?

解決策が見つからないようです...

Answer 1

InfoBubbleはい、色付きの透明な sを作成できrgbaます。おそらく最も簡単な回避策です。コンテンツは任意の HTML 文字列であるため、例に示すように CSS スタイルを適用できる必要があります。

 infoBubble2 = new InfoBubble({
      map: map,
      content: '<div class="phoneytext">Some label</div>',
      ...

InfoBubble ページ: http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html?compiled

私のデモ http://www.tinabama.com/googlemaps/1.html

    infoBubble2 = new InfoBubble({
      map: map,
      content: 'some text<br>more text<br><br>more more text',
      position: new google.maps.LatLng(44.2, -74),
      shadowStyle: 1,
      padding: 0,
      backgroundColor: 'rgba(57,57,57,0.3)',
      borderRadius: 4,
      arrowSize: 10,
      borderWidth: 1,
      borderColor: '#2c2c2c',
      disableAutoPan: true,
      hideCloseButton: true,
      arrowPosition: 30,
      backgroundClassName: 'phoney',
      arrowStyle: 2
    });

    infoBubble2.open();