google-maps - Google マップ v3 でのスクロールなしの Infowindow の最大幅サイズ

Question

マーカーに画像のコンテンツがありますが、幅が 600 ピクセルを超えると、Google マップは自動的に情報ウィンドウに水平スクロールを追加します..Google マップ V3 の情報ウィンドウの最大サイズは? 可能であれば、どのように最大サイズを拡張できますか?

650/700px以上は必要ありません..

ありがとう。

Answer 1

答えてくれてありがとうショーンミッキー。

あなたが言ったように、Googleマップは地図のサイズに応じてmaxWidth InfoWindowを自動的に設定しますが、私の場合は小さすぎます。多くの掘り下げの後、税関infoWindowsを使用してこれを回避する2つの方法を見つけました。

• インフォボックス。 http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html 実装は少し複雑ですが、機能します。
• infoBubble。 http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html/ 実装は非常に簡単です。

私はinfoBubbleを使用しており、私のニーズに完全に適合しています。

ありがとう。

Answer 2

It's hard to tell without seeing your code, but it sounds like you may have placed your image within a DOM element that has a smaller width than the image? If you add the code you are using to define your info-window, your info-window-options, and your content to your question, it will be easier for others to give you more specific suggestions.

By default, an InfoWindow^dev-guide is sized based on its content, which may be: text, HTML, or a DOM element. The best way to control the width of an InfoWindow is to place the content within a div and define a CSS style rule that explicitly defines a width for the div. When using the default sizing based on the size of the content, the maximum width of an InfoWindow is only limited by the width of your Map.

Your other option is the maxWidth property (measured in pixels) of the InfoWindowOptions^api-doc object, which may be associated with an InfoWindow^api-doc by passing the options object to the info-window's constructor or by calling the InfoWindow.setOptions function after the info-window has been created. The InfoWindowOptions.maxWidth property will only be used if the options object has been associated with an info-window prior to calling the InfoWindow.open function. If you have a use case that requires you to change the value of maxWidth when you are changing the info-window's content, you must:

1. Call InfoWindow.close
2. Call InfoWindow.setOptions (passing in an InfoWindowOptions object with the new maxWidth value)
3. Call InfoWindow.setContent
4. Call InfoWindow.open to display the info-window on the Map

The Google Maps Developer's Guide includes an: example Map with the info-window maxWidth value set to 200 pixels. You may want to check that out if you are interested in using the maxWidth option and would like to explore a working Map that uses that option.