Google Maps v3 InfoWindow Quá Rộng

Question

Trong Google Maps v3, tôi dường như không thể nhận được thông tin của mìnhWindow với chiều rộng nhỏ hơn 200px. Đây là mã tôi đang sử dụng:

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

Có cách nào để thông tin trở nên hẹp hơn? Hoặc tôi bị mắc kẹt với chiều rộng tối thiểu?

Answer 1

Nếu bạn đang sử dụng mặc định, thì có, bạn đang khá mắc kẹt.

Bạn có thể xem xét sử dụng thông tin tùy chỉnhWindow, được gọi là infoBox. Bạn có thể xem một trong các hộp cát của tôi tại đây: http://www.dougglover.com/samples/UOITMap/index.html

Trong maps.js, bạn có thể đọc và lấy những gì bạn cần về công cụ infoBox và triển khai nó cho công việc của riêng bạn.

Điều này cho phép bạn kiểm soát hoàn toàn cách hiển thị cửa sổ của mình.

CẬP NHẬT: Xin lỗi, liên kết tôi đã cung cấp ban đầu thực sự đã chết. Xem ở đây để biết thông tin về hộp thông tin: http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html