我想将Google地图嵌入到WordPress帖子中，但没有使用iframe或插件。
我尝试在帖子中使用以下HTML：
<div id="map_canvas" style="border: 1px solid black;" width="100%" height="500px"></div>
但这给了我一张零高度的地图。我想使用百分比宽度的地图，因为我正在使用TwentyEleven子主题，因此该网站具有响应性。
任何人都可以建议我应该如何设置map_canvas样式以使它不会崩溃吗？
感谢。
答案 0 :(得分：3)
基本上，它不会起作用。从html切换到visual时，Wordpress将删除代码。它只会在你离开＆＃34; html＆＃34;使用gmap代码编辑帖子时始终查看。我强烈建议使用插件，如下所示：
http://wordpress.org/extend/plugins/google-maps-v3-shortcode/
答案 1 :(得分：1)
如果您愿意使用iframe的Google Maps嵌入代码，您可以使用我编写的名为FitMaps的插件。它使Google Maps iframe响应迅速，并基于响应式视频嵌入的FitVids插件。
Fitmaps插件将所有Google Maps iframe包装在div元素中，并使iframe占据此div的100％宽度和高度。然后包装div很容易用css响应。
请参阅：http://www.waywayway.nl/bin/handig-en-leuk/tutorials/responsive-google-maps-embeds/
答案 2 :(得分：0)
您可以通过执行某些处理来停止Wordpress的“修改”代码。 我把它放在一个迷你插件http://llocally.com/wordpress-plugins/?did=2
此外，如果你想使用MapQuest而不是谷歌地图，那么这里有一个插件http://wordpress.org/extend/plugins/get-directions/