相关疑难解决方法(0)

带谷歌地图的JQuery FancyBox

我可以使用div中的Drupal代码打印地图.我希望这张地图出现在一个花哨的盒子里,并隐藏在网站上.我已经设法做到了(fancybox工作正常)但是地图没有正确显示 - 没有导航和地图内只有灰色空白区域(虽然有谷歌徽标).有没有人知道这里有什么问题?我想可能是ID只呈现一个元素的情况,所以它只渲染背景而其余部分被忽略,但说实话我不知道(改用类).任何建议表示赞赏 谢谢

我的代码:

<script type="text/javascript">
    $(document).ready(function() {

    $("a#inline").fancybox({
    'hideOnContentClick': true,
    'overlayColor'      : '#ccffee',
    'overlayOpacity'    : 0.8
    });
});

</script>
Run Code Online (Sandbox Code Playgroud)

链接显示地图:

<a id="inline" href="#mapcontainer" >
Show Map
</a>
Run Code Online (Sandbox Code Playgroud)

打印地图的实际Div(设置可见时效果很好)

<div style="display:none">
<div id="mapcontainer">
<?php print $node->content['field_maploc']['field']['items']['#children'] ?> </div></div>
Run Code Online (Sandbox Code Playgroud)

PHP代码生成以下html:

<div style="width: auto; height: 400px;" id="openlayers-container-openlayers-map-auto-id-0" class="openlayers-container openlayers-container-preset-question_map"> <div style="width: auto; height: 400px;" id="openlayers-map-auto-id-0" class="openlayers-map openlayers-preset-question_map"></div> </div> 
Run Code Online (Sandbox Code Playgroud)

目前的输出 - 产量

html css jquery fancybox drupal-6

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

drupal-6 ×1

fancybox ×1

html ×1

jquery ×1