更新 我已经尝试实施 wf 的解决方案,但错误仍然存在。您可以在这里查看一个实时示例 --> http://www.opohills.com/taipei-rentals/apollo_a.php
向下滚动并单击“位置”选项卡
我正在尝试在引导选项卡中加载谷歌地图。我遇到了这里讨论的同样的问题,并且在 SA 上也很广泛——
https://github.com/twitter/bootstrap/issues/2330
修复方法是在单击选项卡时添加回调,以加载地图。我正在尝试实现这一点,但没有成功。错误仍然存在(当左上角仅显示地图的 1/8 时。)当我打开检查元素时,地图填满并且工作正常(我猜是因为检查元素正在重新读取 javascript)
下面是我的javascript,因为这是我第一次真正尝试它,我确定我做错了什么——
<script type="text/javascript">
var map,
marker = new google.maps.Marker({
position: new google.maps.LatLng(25.041483, 121.553984),
draggable: true,
title: 'Opo Apartment' }),
infoWindow = new google.maps.InfoWindow({content: 'Apollo Apartment'});
$('#location').on('show', function(e) {
if( map == undefined) {
map = new google.maps.Map(
document.getElementById('map-canvas'),
{ zoom: 14,
center: new google.maps.LatLng(25.041483, 121.553984),
mapTypeId: google.maps.MapTypeId.ROADMAP })
}
marker.setMap(map);
infoWindow.open(map, marker);
})
</script>
您对此有何看法?