Question

我正在使用Google地图API（v2）在世界地图上显示国家/地区覆盖。数据来自KML文件，其中包含多边形的坐标以及每个国家/地区的HTML说明。单击该国家/地区时，此说明会显示在“信息窗口”对话框中。

我最初遇到了一些麻烦，因为信息窗口没有扩展到它们包含的HTML内容的大小，所以较长的那些会溢出边缘（这似乎是一个常见的问题）。我可以通过将信息窗口重置为特定高度来解决此问题，如下所示：

GEvent.addListener(map, "infowindowopen", function(iw) { iw = map.getInfoWindow(); iw.reset(iw.getPoint(), iw.getTabs(), new GSize(300, 295), null, null); });

不理想，但它有效。但是现在，当打开信息窗口时，它们的顶部有时会被地图的边缘遮挡，因为地图不会平移到可以查看所有内容的位置。

所以我的问题：

有没有办法让信息窗口自动使用适合其内容的高度，以避免必须修复到设定的像素高度？
如果固定高度是唯一的选择，当信息窗口打开时，有没有办法让地图平移到更合适的位置？我知道map类有一个panTo（）方法，但我看不出计算正确坐标的方法。

这是我的完整初始化代码：

google.load("maps", "2.x");

// Call this function when the page has been loaded
function initialize() {
  var map = new google.maps.Map2(document.getElementById("map"), {backgroundColor:'#99b3cc'});

  map.addControl(new GSmallZoomControl());

  map.setCenter(new google.maps.LatLng(29.01377076013671, -2.7866649627685547), 2);

  gae_countries = new GGeoXml("http://example.com/countries.kmz");
  map.addOverlay(gae_countries);

  GEvent.addListener(map, "infowindowopen", function(iw) { iw = map.getInfoWindow(); iw.reset(iw.getPoint(), iw.getTabs(), new GSize(300, 295), null, null); });
}
google.setOnLoadCallback(initialize);

Answer 1

我最终解决了这个问题，方法是删除我的调整大小监听器并在气球的开头添加一些文本然后使用CSS隐藏。为了获得正确的高度，需要进行一些反复试验。不是一个理想的解决方案，但它会在API的未来版本提供更多控制之前发挥作用。

谷歌地图API - 信息窗口高度和平移

1 个答案: