谷歌地图与网站

-1

G642.44各级我用我的地图工具在谷歌地图标记在地图上许多目的地，然后我共享其公共和embbed它。有很多标签，但我只举两个例子，一个是柬埔寨，另一个是中国。我想提出两个地图遵循该国，但在柬埔寨标签映射工作正常。无论如何，当我在第二标签上查看它覆盖由灰色的小地图。 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>

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

请帮我!!!!

来源

2016-01-17 user3111748

如果你制作的第二张地图具有与第一张相同的属性，例如'width =“100％”height =“500px”' – duncan

这些标签所需的CSS是什么样的？请提供证明此问题的[最小，完整，测试和可读示例]（http://stackoverflow.com/help/mcve）。（[与张贴HTML小提琴]（http://jsfiddle.net/geocodezip/cuza29k9/）） – geocodezip

这应该工作，很明显：

<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-17 10:05:29

谷歌地图与网站

回答

相关问题