5

Google マップ v3 では、infoWindow の幅を 200px より小さくすることができないようです。私が使用しているコードは次のとおりです。

var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
    zoom: 15,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
var myMap = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var gmarker = new google.maps.Marker({position: latLng,title:'Example'} );
var infoWindow = new google.maps.InfoWindow();
infoWindow.setOptions({maxWidth: 110});
window_content = '<div style="width:110px;height:110px;">Test</div>';
infoWindow.setContent(window_content);
infoWindow.open(myMap, gmarker);

infoWindow をより狭くする方法はありますか? または、最小幅で立ち往生していますか?

4

1 に答える 1

2

デフォルトを使用している場合、はい、かなり行き詰まっています。

infoBox と呼ばれるカスタムの infoWindow を使用することを検討してください。ここで私のサンドボックスの 1 つを表示できます: http://www.dougglover.com/samples/UOITMap/index.html

maps.js では、infoBox の内容を読んで必要なものを取得し、それを自分の作業に実装できるはずです。

これにより、ウィンドウの外観を完全に制御できます。

更新: 申し訳ありませんが、最初に提供したリンクは実際には無効です。インフォボックスについては、こちらをご覧ください: http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html

于 2010-05-05T19:03:48.310 に答える