在不使用iframe或插件的情況下將WordPress地圖嵌入Wordpress後？

Question

我想使用的iframe或插件嵌入谷歌地圖爲WordPress的職位，但沒有。

我曾嘗試使用以下HTML在後嘗試：

<div id="map_canvas" style="border: 1px solid black;" width="100%" height="500px"></div> 

但是這給了我一個地圖零高度。我想因爲我使用的是TwentyEleven子主題來使用百分比寬度地圖，所以該網站響應。

任何人都可以建議我應該怎樣稱呼map_canvas所以它不會崩潰？

謝謝。

Answer 1

基本上，這是行不通的。當從HTML切換到可視化時，Wordpress將剝離代碼。它只有在您使用gmap代碼編輯帖子時始終離開「html」視圖纔有效。我強烈建議使用插件，像這樣的：

http://wordpress.org/extend/plugins/google-maps-v3-shortcode/

Answer 2

如果你願意使用谷歌地圖嵌入代碼的iframe，你可以使用一個插件，我編寫了一個名爲FitMaps。這使得谷歌地圖的iframe響應，並且是基於FitVids插件響應視頻嵌入。

的Fitmaps插件包在一個div元素的所有谷歌地圖I幀，使IFRAME佔用這個div的100％的寬度和高度。這個包裝div很容易用css響應。

參見：http://www.waywayway.nl/bin/handig-en-leuk/tutorials/responsive-google-maps-embeds/

Answer 3

您可以通過做一些處理停止WordPress的忙玲「的代碼。 我把在這裏一個小插件http://llocally.com/wordpress-plugins/?did=2

另外，如果你想使用MapQuest的，而不是谷歌地圖，這裏有一個插件http://wordpress.org/extend/plugins/get-directions/