谷歌地图无法正常打开

我正在进行一项任务，其中用户需要在我的项目中搜索酒店。在搜索结果列表中，您可以选择查看该特定酒店的地图。现在发生什么事情是当我点击查看地图地图不正确加载。现在我已经标记了别的东西。如果我关闭对话框并再次单击以查看地图不会加载，但是如果我尝试在不关闭对话框的情况下查看地图，则它会完美且快速地显示地图。谷歌地图无法正常打开

我正在使用jquery-ui-1.8.5.min.js作为对话框。在那个谷歌地图被加载。

任何人都可以请指导我如何解决这问题......

来源

2011-09-15 shreyang

我加了一些相关的标签，让更多的人会看到你的问题。你应该添加相关的代码。 – stema

你正在加载模态框中的地图吗？ – mahadeb

我想你想显示的弹出窗口前初始化地图。

Google地图代码尝试获取其包装元素的大小。因此，当您的弹出窗口尚未打开时，所有子项的宽度和高度均为零，因此Google地图无法正确初始化。

解决方法很简单，只需使用：

google.maps.event.trigger(YOUR_MAP_VARIABLE_HERE, 'resize');

时显示的弹出窗口，一切都将是巨大的，我希望......

来源

2011-09-16 17:39:20 GooGo

GOOGLE MAP API V3

使用文件准备在初始化之前...看到这个例子：

HTML

<div id='map_canvas'></div>

JQUERY/JAVASCRIPT

$(document).ready(function() { 
    var myOptions = { 
     zoom: 12, 
     center: new google.maps.LatLng(36.158251, -115.137405), 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     disableDefaultUI: true, 
    }; 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
});

来源

2011-09-21 06:01:40 duante

谷歌地图无法正常打开

回答

相关问题