iframeを使って google mapを表示させたい。

Question

質問の内容。

iframeを使って
google mapを表示させたい。

###発生している問題・エラーメッセージ

このページでは Google マップが正しく読み込まれませんでした。
for development purposes only

とエラーが出たので
APIキーを使ってURLを取得
iframeを使って地図を表示させようとしましたが上手くいきません。

元のソースコード

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <div id="map_canvas" style="width: 710px; height: 380px; position: relative; overflow: hidden;"></div>

試したこと

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=（APIキー）"></script> <div id="map_canvas"> 　<iframe src="https://www.googleapis.com/maps/～～～～～～～" style="width:710px; height:380px; position: relative; overflow: 　 hidden;"></iframe></div>

に変えてみましたが、今度は地図自体が表示がされません。

補足情報（FW/ツールのバージョンなど）

div id　でCSSを崩さず地図を表示させたいです。

もともとはiframeを使って表示させていなかったようです。

Comments

[azuapricot]

html、CSSはこれだけですか？
これで再現できますか？

[cerfweb]

Google mapの読み込みには元々APIを使っていたということでしょうか。
iframeを埋め込む場合は単にコードを書き換えた際にミスを起こしている可能性もあるのでよくお確かめください。表示されない問題とは関係ないかもしれませんが、「試したこと」に記述されているコードはstyle=以降のダブルクォーテーションの閉じ方とか少々間違いが見受けられますので。

Answer 1

元の制作者はJavascriptでgooglemapを表示させていた。
JSのソースコードを削除。iframeを使いgoogleまpを表示させるようにしたら問題解決した。