Информационное окно Google Maps V3 не соответствует размеру изображения

У меня возникли проблемы с получением моего информационного окна нужного размера. Я пытаюсь разместить изображение размером 15 x 15 пикселей внутри информационного окна и соответственно иметь размер самого информационного окна. Однако кажется, что независимо от того, что я делаю, информационное окно намного больше, чем изображение. Вот код, который я пытаюсь поместить в информационное окно:

<div style="width: 15px; height 15px">
  <img src="http://maps.gstatic.com/mapfiles/transit/iw/6/walk.png" width="15" height="15">
</div>

Тогда вот код для создания и отображения самого окна:

var infowindow = new google.maps.InfoWindow({
  content: window_text,
  position: GPS_coordinates,
  maxWidth: "15px"
});
infowindow.open(map);

Есть ли что-то, что я делаю неправильно здесь? Спасибо за помощь!


person jmetz    schedule 18.07.2012    source источник


Ответы (1)


InfoWindow имеет минимальный размер из-за графики, из которой оно построено. Минимальная ширина составляет 247 пикселей, и установка maxWidth на что-либо меньшее этого значения приведет к тому, что ширина будет равна 247 пикселей.

Ссылки
https://groups.google.com/forum/m/#!topic/google-maps-js-api-v3/Dnew8W5Trjg
Как изменить размер InfoWindow Google Maps в Javascript (v3 API)

Другие ресурсы
Вы можете попробовать InfoBox или InfoBubble в библиотеке утилит
http://code.google.com/p/google-maps-utility-library-v3/wiki/Libraries

person Andrew Leach    schedule 18.07.2012