-1

我在谷歌地图中使用我的地图工具在地图中标记许多目的地，然后我将其共享为公开并嵌入它。有很多标签，但我只提出了两个，例如一个是柬埔寨，另一个是中国。我想把两张地图放在国家后面，但在柬埔寨选项卡中，地图工作正常。无论如何，当我在第二个选项卡上查看时，它会被灰色的小地图覆盖。这是我的网站

这是html代码。

<ul class="tabs">
    <li class="active"><a href="#hot-hotel-popular" data-toggle="tab">Cambodia</a></li>
    <li><a href="#china" data-toggle="tab">China</a></li>
</ul>
<div class="tab-content">
    <div class="tab-pane fade in active" id="hot-hotel-popular">
        <div class="row">
            <iframe src="https://www.google.com/maps/d/embed?mid=zgWkkp0_22Oc.kyb8oUGt7phc" width="100%" height="500px"></iframe>
        </div>
    </div>
    <div class="tab-pane fade" id="china">
        <div class="row">
            <iframe src="https://www.google.com/maps/d/embed?mid=zgWkkp0_22Oc.kkk4nijv40pM" width="640" height="480" allowfullscreen></iframe>
        </div>
    </div>

第一个选项卡工作正常，但第二个选项卡只显示小点，其他大部分区域都被灰色覆盖。

请帮我！！！！

4

1 回答 1

0

显然，这应该有效：

<ul class="tabs">
    <li class="active"><a href="#hot-hotel-popular" data-toggle="tab">Cambodia</a></li>
    <li><a href="#china" data-toggle="tab">China</a></li>
</ul>
<div class="tab-content">
    <div class="tab-pane fade in active" id="hot-hotel-popular">
        <div class="row">
            <iframe src="https://www.google.com/maps/d/embed?mid=zgWkkp0_22Oc.kyb8oUGt7phc" width="100%" height="500px"></iframe>
        </div>
    </div>
    <div class="tab-pane fade" id="china">
        <div class="row">
            <iframe src="https://www.google.com/maps/d/embed?mid=zgWkkp0_22Oc.kkk4nijv40pM" width="100%" height="500px"></iframe>
        </div>
    </div>

如果这不起作用，您将不得不共享更多代码以了解该问题。

于 2016-01-17T10:05:29.507 回答