Google Map Api - 第二次加载后谷歌地图无法正常显示

时间:2015-05-15 06:27:12

标签: google-maps google-maps-api-3 twitter-bootstrap-3

我在bootstrap模式中打开谷歌地图。当我点击链接打开谷歌地图模式,它显示良好,关闭模式后如果我打开谷歌地图模态第二时间地图没有显示为开放第一次检查图像,以了解问题first time open google map modal

second time open google map modal without refresh page

请检查第一张图片,在那个pullen公园(一个公园在地图上显示)显示在右下角但是当我打开谷歌地图模式再次pullen公园显示左上角,所以为什么pullen公园不显示相同第一张图片。

2 个答案:

答案 0 :(得分:1)

可能是由于一些隐藏问题。您可能希望在执行google.maps.event.trigger(map, 'resize');后重新定位地图,或者像以下一样收听调整大小事件:

google.maps.event.addListener(map, 'resize', function() {
    console.log("resize triggered");
});

了解有关调整大小的更多信息: https://developers.google.com/maps/documentation/javascript/reference

了解更多关于活动的信息: https://developers.google.com/maps/documentation/javascript/events

答案 1 :(得分:1)

只需输入

即可
google.maps.event.addListener(map, 'resize', function() {
    map.setCenter(marker.getPosition());
});