谷歌地圖與網站

-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

谷歌地圖與網站

回答

相關問題