グーグルマップの埋め込みについて

Question

下記の参考サイトを使いグーグルマップの埋め込みを利用しようとしましたがうまくいきませんでした。
理由がわかる方いらっしゃいますでしょうか？
可能性としてAPIkeyが必要なのかな？とも思いAPIkeyを取得しまし

<script src="http://maps.google.com/maps/api/js?v=3&sensor=false&key={APIkey}" type="text/javascript" charset="UTF-8"></script>

と入力してみましたがもちろんうまくいかず...
ご回答宜しくお願いいたします。

参考サイト１
参考サイト２

Comments

[syuus]

Maps JavaScript API のロード部分だけではなく、space_sssさんの書いた JavaScript のコードとブラウザの開発者ツールに出てくるエラーも記載すると回答が出てきやすいかと思います。

Answer 1

該当コードはGoogle Maps APIを読み込む動作を担保しています。

<div id="map_umekomi"></div>

上記で埋め込む場所を指定し、

var map;
function initMap() {
    map = new google.maps.Map(document.getElementById('map_umekomi'), { // #map_umekomiに地図を埋め込む
        center: { // 地図の中心を指定
            lat: 36.000000, // 緯度
            lng: 136.500000 // 経度
        },
        zoom: 18 // 地図のズームを指定
    });
}

こんな感じで埋めます。

質問に書いて頂いたコードは、上記jsの直後に記述ください。

Comments

[space_sss]

質問の意図がしっかりお伝えできていなく申し訳ありません。
参考サイトのものをそのまま貼り付けたのですがそれでも上手くいかず困っております。
質問内容を編集させていただきもう少しわかりやすくご質問させていただきます。