Google地圖在隱藏div中顯示爲灰色

我已閱讀關於此問題的堆棧上的許多線索，但沒有任何內容能解決我的問題。我有一個標籤上的谷歌地圖，當頁面加載時最初隱藏，並希望得到一些援助。這裏是完整的代碼：Google地圖在隱藏div中顯示爲灰色

<script type="text/javascript"> 
    function loadsinglemap(){ 
    var mymap = new MeOnTheMap({ 
    container: "map_sidebar2", 
    html: "<?php echo str_replace('"',"",$post->post_title); ?>", 
    address: "<?php echo str_replace('"','',get_post_meta($post->ID, "map_location", true)); ?>", 
    zoomLevel: 15, 

    });       
    } 

jQuery(document).ready(function() { loadsinglemap(); }) 

</script> 

This is on the page where the map is displayed: 

<script type="text/javascript"> 
$(document).ready(function(){ 
$('a.contact').click(function(){ 
google.maps.event.trigger(mymap, 'resize'); 
}); 
}); 
</script>

我只是不能得到它的工作。如果有人看到有助於回覆的內容。感謝

編輯：的元素選擇更改爲一類，我的鏈接到一個類，而不是一個ID，它現在至少撿起來。我在firebug中發現「mymap未定義」錯誤。

來源

2012-11-21 binga30

請給我們一個鏈接到您的網頁。這對每個人都有幫助。 – wf9a5m75

抱歉，該網站仍處於開發環境中，因此無法向公衆提供。它確實與resize屬性有關，因爲我剛剛刪除了「jQuery（document）.ready（function（）{loadsinglemap（）;}）」這一行，現在它正確加載onclick。但是，如果直接進入選項卡，它根本不會加載。並且在隨後的鏈接點擊中，灰色圖像又回來了。 – binga30

現在它已經到了地圖所顯示的階段，如果我點擊了兩次鏈接，但如果我在隱藏後回到標籤頁，它將以灰色模式啓動。 – binga30

我發現，而不是隱藏div設置它的高度/寬度爲0px;並將其溢出設置爲隱藏。

幫我希望它可以幫助你:)

來源

2012-11-21 00:47:56 james

隱藏的div是我使用jquery顯示/隱藏的tab選項容器。 – binga30

-2

檢查Roosko的答案在這裏https://groups.google.com/forum/#!topic/google-maps-js-api-v3/aUrVnx-i7LI，這對我的作品！

由於地圖在模態獲得定義大小之前加載，因此它會將大小渲染爲零。

<a href="#?w=500" rel="popup2" class="poplight" onClick="initialize()"> 
    <img src='images/location1.png' title='Location' alt='images/location2.png' /> 
</a>

當點擊彈出窗口時，我調用了initilize()函數。

來源

2014-01-22 16:39:56 ety

請在這裏添加鏈接中最重要的點。鏈接可能變得陳舊，答案將不再有用。 – Szymon

取消隱藏div後再次調用initilize（）函數。我做到了，它工作。 JSFiddle

來源

2015-10-01 09:40:46

Google地圖在隱藏div中顯示爲灰色

回答

相關問題