Google Maps v3 InfoWindow слишком широкий - PullRequest
Новая
       17

Google Maps v3 InfoWindow слишком широкий

5 голосов
/ 24 апреля 2010

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

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

1 Ответ

2 голосов
/ 05 мая 2010

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

Вы можете рассмотреть возможность использования пользовательского информационного окна, называемого информационным окном. Вы можете посмотреть одну из моих песочниц здесь: 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

...