谷歌地圖無法正常初始化

我一直在Google地圖上遇到問題，並嘗試在頁面加載後正確顯示它，因此它不顯示地圖的一半甚至四分之一，但顯示完整地圖。谷歌地圖無法正常初始化

儘管看了一下互聯網以及這裏的幾個問題，但我仍然無法做到這一點。

我一直在尋找的問題是在這裏：Google map API doesn't display correctly jQuery slideToggle

我一直有一個看看小提琴這裏：http://jsfiddle.net/fXsjb/8/

我試圖複製這一自己的網頁上，它似乎是加載地圖，但不能用slideToggle函數來切換它。

另外，我的小提琴似乎也沒有工作。你可以發現，這裏：http://jsfiddle.net/wilcochris/fXsjb/13/

我一直在使用下面的代碼，試圖得到這個工作：

$('.mapme').click(function() 
{ 
    var $this = $(this); 
    $this.find('.mapit').slideToggle(500); 
    $(this).text($(this).text() == 'Show Map' ? 'Hide Map' : 'Show Map'); 
}); 
    function initialize() 
    { 
     var latlng = new google.maps.LatLng(48.89376,2.33742); 
     var settings = { 
     zoom: 15, 
     center: latlng, 
     disableDefaultUI: true, 
     zoomControl: true, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    var map = new google.maps.Map(document.getElementById("map"), settings); 
    var marker=new google.maps.Marker({ 
      position:latlng, 
      }); 
    marker.setMap(map); 

     google.maps.event.addListenerOnce(map, 'idle', function() 
     { 
      $('.mapit').hide(); 
     }); 
    } 
google.maps.event.addDomListener(window, 'load', initialize);

這些是我有太多

<div class='mapme'>Show Map</div> 
    <div class="mapit"> 
    <div id="map" style="width:300px;height:140px;"></div> 
    </div> 
</div>

任何指針的div將不勝感激。我有一種感覺，我錯過了一些明顯的東西，這對我來說太明顯了。

在此先感謝

來源

2014-02-10 Chris

更改HTML代碼如下圖所示：

<div class='mapme'>Show Map</div> 
<div class = "toggle"> 
    <div class="mapit"> 
    <div id="map" style="width:300px;height:140px;"></div> 
    </div> 
</div>

DEMO

來源

2014-02-10 17:05:27

感謝。出於好奇，是否有任何理由你做了var t = ...？乾杯再次 – Chris

沒什麼，我只是在嘗試一些東西。你可以刪除它。 –

谷歌地圖無法正常初始化

回答

相關問題