gpt4 book ai didi

javascript - 在 Facebox 中打开谷歌地图

转载 作者:行者123 更新时间:2023-11-29 15:50:33 25 4
gpt4 key购买 nike

我正在 jQuery Facebox 中打开一个编辑公式。在该公式下有一个谷歌地图,它用地理编码器用标记指示给定地址的位置。不幸的是,该 map 未显示在 facebox 中。在我的普通页面上,效果很好。奇怪的是,我能在短时间内看到 map 的一部分,然后它变成灰色(作为背景)。

我找到了一些帖子,说我应该在facebox的afterReveal事件之后附上 map ,就像这样

$(document).bind("afterReveal.facebox", function(){

var center = new google.maps.LatLng(Globals.DEFAULTLAT, Globals.DEFAULTLNG)
var options = {
panControl: false,
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL,
position: google.maps.ControlPosition.TOP_CENTER
},
scaleControl: false,
streetViewControl: false,
mapTypeControl: false,
zoom: 12,
center: center,
mapTypeId: google.maps.MapTypeId.ROADMAP
};

var venue_map = new google.maps.Map($("#venue_map")[0], options);

// google.maps.event.trigger(venue_map, 'resize');
});

另一篇帖子告诉我触发 field 的调整大小事件 (google.maps.event.trigger(venue_map, 'resize'),但这也不起作用。

#venue_map 的宽度和高度固定为 400 像素。我也玩过 div 的 z-index,没有运气。

希望有人能帮助我,谢谢,晚礼服

[编辑:]

这是损坏 map 的屏幕截图。它会在左侧加载 Google map Logo 、使用条款文本和一个小栏。灰色背景是我的facebox之一。 Broken Google Maps in Facebox

[编辑2:]

这会很奇怪。有时, map 显示如下: Borken Google Maps in Facebox

最佳答案

facebox body中的内容是否有一些css定义?

关于javascript - 在 Facebox 中打开谷歌地图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6144652/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com