2012-07-18 4 views
0

내 정보창을 원하는 크기로 유지하는 데 문제가 있습니다. 나는 infowindow 내부에 15px x 15px 이미지를 배치하고 infowindow 크기 자체를 갖기 위해 노력하고 있습니다. 그러나, 내가 보여주는 정보가 이미지보다 훨씬 더 큰 것 같습니다. 여기 그런Google지도 V3 정보창은 이미지의 크기가 아닙니다.

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

무언가가 거기를? 모든 도움에 감사드립니다!

답변

1

InfoWindow는 그래픽을 구성하기 때문에 InfoWindow의 최소 크기가 있습니다. 최소 너비는 247 픽셀이며,이 숫자보다 작은 값으로 maxWidth을 설정하면 너비가 247 픽셀이됩니다.

참조
https://groups.google.com/forum/m/#!topic/google-maps-js-api-v3/Dnew8W5Trjg
How to size a Google Maps InfoWindow in Javascript (v3 API)

기타 리소스
당신은 유틸리티 라이브러리에 인포 박스 또는 InfoBubble을 시도 할 수 있습니다
http://code.google.com/p/google-maps-utility-library-v3/wiki/Libraries