【问题标题】:GMap map and Tabs display conflict in DrupalDrupal 中的 GMap 地图和选项卡显示冲突
【发布时间】:2010-09-25 13:53:50
【问题描述】:
我正在使用 Tabs 和 CCK Fieldgroup Tabs 模块将节点 GMap CCK location map 放在一个选项卡中。
当我将 GMap 位置图放在第一个(默认)以外的节点选项卡(选项卡模块)中时,地图视图无法正确居中标记。它向东(右)从屏幕上滑出一个宽度。我需要在地图控件上按一次“向右滚动”箭头才能使标记正确居中。
我已经阅读了所有涉及此问题的 Drupal 线程,我发现的只是使用 resizeMap() 函数的建议。
有人知道在哪里玩吗?在哪里应用对代码的更改以以最少侵入的方式完成任务?
附上截图:
【问题讨论】:
标签:
google-maps
drupal
tabs
conflict
【解决方案1】:
解决我的问题的方法是从 drupal-tab.css 覆盖标签 ccs 样式:
.ui-tabs-hide {
left:-15000px;
position:absolute;
top:-15000px;
visibility:hidden;
}
到:
.ui-tabs-hide {
position:absolute;
visibility:hidden;
left: 50%;
top:-15000px;
}
在我的主题 css 中。
关键部分是覆盖 position:absolute 的左 css 属性。
适用于火狐、野生动物园和谷歌浏览器。没有在 IE 中测试,因为我坐在 Mac 上;-)
如果有人知道此地图显示问题的更好解决方案,请分享。