Вставить Google Map в пост Wordpress без использования iframe или плагина?

Question

Я хотел бы встроить карту Google в сообщение WordPress, но без , используя iframe или плагин.

Я попытался использовать следующий HTML-код в сообщении:

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

Но это дает мне карту нулевой высоты.Я хотел бы использовать карту ширины в процентах, поскольку я использую дочернюю тему TwentyEleven, поэтому сайт отзывчивый.

Кто-нибудь может подсказать, как мне следует стилизовать map_canvas, чтобы он не разрушался?

Спасибо.

Answer 1

В принципе, это не сработает. Wordpress удалит код при переходе с HTML на визуальный. Это будет работать только в том случае, если вы все время оставляете представление html при редактировании поста с помощью кода gmap. Я настоятельно рекомендую использовать плагин, как этот:

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

Answer 2

Если вы хотите использовать встраиваемый код Google Maps с iframe, вы можете использовать плагин, который я написал, под названием FitMaps.Это делает Google Maps iframe отзывчивым и основывается на плагине FitVids для адаптивного встраивания видео.

Плагин Fitmaps оборачивает все iframes Google Maps в элемент div и заставляет iframe занимать 100% ширины и высоты этого div.После этого 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 вместо Google maps, здесь есть плагин http://wordpress.org/extend/plugins/get-directions/