Google Maps v3 InfoWindow Too Wide

Question

В Google Maps v3 мне кажется, что моя инфо-окно не может быть шириной меньше 200 пикселей. Вот код, который я использую:

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); 

Есть ли способ получить информационный пояс более узким? Или я застрял с минимальной шириной?

Answer 1

Если вы используете значение по умолчанию, то да, вы довольно застряли.

Возможно, вы захотите использовать пользовательский инфо-окно, называемый infoBox. Вы можете просмотреть одну из моих песочниц здесь: http://www.dougglover.com/samples/UOITMap/index.html

На maps.js вы должны быть в состоянии прочитать и получить то, что вам нужно от материала infoBox, и реализовать его для своей собственной работы.

Это дает вам ПОЛНЫЙ контроль над тем, как выглядят ваши окна.

UPDATE: Извините, ссылка, которую я изначально поставлял, действительно мертв. Просмотреть здесь информацию о инфобоксах: http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html