Question

我在谷歌地图中使用我的地图工具在地图中标记了许多目的地，然后我将其作为公共分享并嵌入它。有许多标签，但我只提出两个，例如一个是柬埔寨，另一个是中国。我想把这两张地图放在国家之后，但在柬埔寨标签中，地图的效果很好。无论如何，当我在第二个标签上查看时，它用灰色覆盖一个小地图。 Here is my website

这是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>

第一个标签工作正常，但第二个标签只显示小点，其他大部分区域都以灰色显示。

请帮帮我!!!!

Answer 1

这显然可行：

<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>

如果这不起作用，您将需要共享更多代码才能理解该问题。

谷歌地图与网站集成

1 个答案: