谷歌地圖v3在Wordpress中加載後轉移

頁面加載谷歌地圖，最初並未填充它周圍的容器。半秒鐘後Google地圖填滿了容器。谷歌地圖v3在Wordpress中加載後轉移

問題是在容器被正確填充後，它會發生扭曲。由於換檔的經線顯示其中兩個彼此相鄰。而地圖控件也是扭曲的。甚至無法知道變焦條在那裏。

任何幫助，非常感謝！

這是我剛剛開始構建的Wordpress插件的一部分。

我無法發佈圖片或我會！

來源

2012-06-05 Nick

這個問題是在默認主題wordpress使用。下面這行代碼概述了它只允許它達到它需要的97.5％的寬度來搞亂谷歌地圖。

.entry-content img, .comment-content img, .widget img { max-width: 97.5%; }

正確的代碼（或什麼工作對我來說）：

.entry-content img, .comment-content img, .widget img { max-width: none; }

來源

2012-06-08 20:16:42 Nick

我曾經歷過這個問題前幾次，而不是與WordPress作爲我引導從包裝清楚..但有兩個原因，我有我們......

一個每次只會出現在地圖上被視爲後/加載，這是由於多次加載gmaps外部腳本調用。

第二是因爲這是影響地圖塊元素......我不能記得100％，因爲這是一個幾個星期的相對/絕對位置的元素..

你是如何處理的onload事件等等......

來源

2012-06-05 20:49:18 Mayhem

我正在使用jQuery和文檔準備好它的加載谷歌地圖apis加載地圖。這是你指的是什麼？ – Nick

沒錯..和確認當你準備好文件說，你通過jquerys onload事件處理程序或默認身體的onload =「」加載它....因爲我不相信身體的方法.. 嘗試重新安排你的onload/init腳本...但很難猜測這一個沒有更多的洞察力...你可以發佈一些示例線或類似的東西...說線持有谷歌框元素和一般地圖加載腳本 – Mayhem

我使用jQuery $（document）.ready（function（）{調用谷歌的初始化函數在這裏}）; – Nick

，我決定寫一個答案可以幫助別人有同樣的問題。

我最近偶然發現了這個問題，並且有其他問題。谷歌地圖縮放條是不可見的，每一個形象有一個漂亮的灰色邊框:)在twentythirteen的主題，因爲默認樣式的所有問題：

/* Responsive images */ 
.entry-content img, 
.comment-content img, 
.widget img { 
    max-width: 100%; /* Fluid images for posts, comments, and widgets */ 
}

，下

.entry-content img, 
.comment-content img, 
.widget img, 
img.header-image, 
.author-avatar img, 
img.wp-post-image { 
    /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ 
    border-radius: 3px; 
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); 
}

我有我的谷歌位於id = map_canvas的div中的地圖對象。解決方案是在我的風格添加以上風格的覆蓋：

#map-canvas img { 
    max-width: none!important; 
    border-radius: none!important; 
    box-shadow: none!important; 
}

瞧！地圖很乾淨:)

來源

2013-12-20 15:42:36 slava

谷歌地圖v3在Wordpress中加載後轉移

回答

相關問題