【问题标题】:jQuery Tabs and Google Maps, pin not at centerjQuery 选项卡和谷歌地图,别针在中心
【发布时间】:2023-03-12 18:24:02
【问题描述】:

我正在使用 jQuery 选项卡在选项卡中显示不同的 <div> 内容。我的标签是:

说明 |设施 |定价 |图片 |位置图

当我切换到使用 Google 地图的位置地图选项卡时,就会出现问题。图钉未显示在地图的中心。但是当我使用相同的没有 jQuery 选项卡的谷歌地图脚本时,它可以正常工作。有没有办法让选项卡,但仍然在地图中心有大头针?

【问题讨论】:

  • 您能否展示一些代码示例或最好将您的文件上传到某个地方以便我们查看?
  • 嗨,我是新用户,所以我不能发布长代码。我正在分享链接,请关注它:21flats.com/property_detail/36/27/1/Gurgaon.html,在这里你会找到一个名为“位置图”的标签

标签: javascript html google-maps


【解决方案1】:

对我来说显示死点,你使用的是哪个浏览器?

这是它在 Mac 上的 Chrome 17 中运行的屏幕截图:http://d.pr/UNiS

【讨论】:

    【解决方案2】:

    实际上它也显示在那里,但问题是您的地图缩放级别更高。您可以降低地图中的缩放级别以在中心显示图钉。

    【讨论】:

    • 嗨 Refhat,我试过了,整个地图都根据缩放级别进行了调整,但是 pin 甚至没有从它的位置移动一个像素,这个问题只存在于 mozilla firefox 中。
    • 其实maps没有问题,看来你的php文件有问题。在 ff 中查看此网址,它可以工作 21flats.com/googlemap.php?project_id=36&city_name=Gurgaon
    • Ya Refhat,你是绝对正确的,但我使用 jquery UI 选项卡在选项卡中显示 4 个 div。我的标签是描述设施定价图片位置图,由于这些jquery UI标签,它只在ff中显示问题。
    • 嗨 Refhat,我对选项卡 UI CSS 进行了一些更改。在这里我改变了 .ui-tabs .ui-tabs-hide { display: none !important; } 到 .ui-tabs .ui-tabs-hide { 位置:绝对;左:-10000 像素; },, 它给了我一些积极的回应,但是当我检查所有动态页面时,某处 Pin 在中心但某处不在.. 即使我已经清除了所有浏览历史记录和 cookie..
    • 嗨,正如我在上面所做的更改,它给网站带来了一些其他问题,它在页脚下方显示了很大的空白,所以我必须再次删除它。有没有其他选择。
    猜你喜欢
    • 1970-01-01
    • 2012-08-02
    • 1970-01-01
    • 1970-01-01
    • 2013-10-24
    • 2012-03-16
    • 1970-01-01
    • 2013-09-28
    • 2014-11-09
    相关资源
    最近更新 更多