Question

在Google对API进行了最近的更改之后，我不得不重新处理我所有涉及地图的页面。经过数小时的工作，一切都恢复了，只有几个小问题。这是第一个：

在某些页面上，我在带有行的浮动框（www.floatboxjs.com）中打开地图

<a href="../maps/map_hotel.php?<?php echo "hid=".$hid ?>" class="floatbox locmap" data-fb-options="caption:`<?php echo $row_hotel['hotel'];?>` scrolling:no">See location map</a>

然后map_hotel.php由正文中的单个div组成。如果我将该div的高度指定为百分比，则不会显示地图。

html {height:100%}
body{height:100%;margin:0;padding:0}
#mapCanvas {height:100%;}
table.infowin, table.infowin tr, table.infowin td{margin:0;padding:0;border:0;background-color:#FFF;color:#666}
table.infowin td.pic{vertical-align:top}
td.pic img{margin-bottom:4px;border:none}
a{text-decoration:none}
.hotel{font-size:1.2em;font-weight:bold;color:#3498db}
.gm-style-iw{padding:6px;width:230px !important;border:1px solid #666;background-color:#fff}

如果我以像素为单位指定高度，则可以。为什么会这样呢？鉴于将使用各种各样的设备来查看它，因此固定高度非常不令人满意。

Answer 1

我找到了解决方案：我将Floatbox从7.5.1版本更新到8.1.1，问题消失了。我在Floatbox更改日志中找不到任何内容表明它可以克服此问题（该问题仅在我被迫进行的更改中出现），但是确实可以。

Google Maps API：地图高度问题

1 个答案: