Google MapをWordPressの投稿に埋め込みたいのですが、ではなく、ではiframeやプラグインを使用しています。Google Mapをiframeやプラグインを使わずにWordpressの投稿に埋め込む？
私はポストに次のHTMLを使用してみましたが：
<div id="map_canvas" style="border: 1px solid black;" width="100%" height="500px"></div>
をしかし、これは私の高さゼロのマップを提供します。 TwentyElevenの子テーマを使用しているのでパーセンテージ幅のマップを使用したいので、サイトは応答性があります。
誰も私がどのようにスタイルする必要がありますかを提案することができますmap_canvasそれは崩壊しないように？
ありがとうございました。
基本的には動作しません。 Wordpressはhtmlからvisualに切り替えるときにコードを削除します。 gmapコードを使って投稿を編集しているときは、常に「html」ビューを残しておくと機能します。私は強く、このように、プラグインを使用することをお勧めします。
http://wordpress.org/extend/plugins/google-maps-v3-shortcode/
Googleマップはインラインフレームを使用してコードを埋め込む使用して喜んでいる場合、あなたは私が呼ばれるFitMapsを書いたプラグインを使用することができます。これにより、応答可能な動画埋め込み用のFitVidsプラグインに基づいてGoogleマップiframeが反応します。
Fitmapsプラグインは、div要素内のすべてのGoogle Maps iframeをラップし、iframeをこのdivの100％幅と高さにします。ラッピングdivは、CSSで簡単に反応します。
参照：http://www.waywayway.nl/bin/handig-en-leuk/tutorials/responsive-google-maps-embeds/
あなたは、いくつかの処理を行うことによってWordpressの 'マングル' コードを停止することができます。 は、私はあなたがマップクエストを使用したい場合は、ここでミニプラグインもhttp://llocally.com/wordpress-plugins/?did=2
には、Googleが
http://wordpress.org/extend/plugins/get-directions/はインラインスタイリングではなく、良い習慣を使用しないようにしてくださいここにプラグインがあるマップするのではなくことを置きます。まあ、私はちょうど外部スタイルを使用し、ここに結果です。 （http://jsfiddle.net/PwKbf/） –