【GoogleMapの作り方】　１．Googlemapを自分のサイトに設置する方法

【GoogleMapの作り方】　Googlemapを自分のサイトに設置する方法

実際は、GoogleMapを作るわけじゃなく、配布されているAPIをカスタマイズする方法です＾＾；
（検索するとき、「カスタマイズ」よりも「作り方」と入力しそうなので、あえてこのタイトルでいかせてください）

-----------------------------------------

１．まず、GoogleMapのAPIが配布されているサイトへアクセスします。
http://www.google.com/apis/maps/

英語ばっかりで何が書いてあるのかわかりませんが、
とりあえず、下記の赤丸の部分をクリックしてAPI keyを取得します。

２．規約に同意して（チェックを入れる）、自分のサイトアドレスを登録して、Key取得。

Googleアカウントを持っている人であれば、自動的にKeyを取得できます。
アカウントを持っていない人は、アカウントを取得しましょう。
https://www.google.co.jp/accounts/

３．APIkeyとサンプルHTMLが表示されます
一番上のが、APIkeyです。その下が自分のサイトアドレス。
一番下がサンプルのHTMLです。

４．サンプルHTMLを自分のサイトに設置する。
次に、さきほどのサンプルHTMLを自分のサイト内に、適当なファイルを作って（僕の場合は、guesutmap.html）コピペします。

アップしてブラウザで、表示できればとりあえずＯＫです。

５．APIkeyの設置
次は、自分に割りあてられてたAPIkeyをサンプルHTMLの中に配置します。

<script src="http://maps.google.com/maps?file=api&v=1&key=自分のAPIkey　type="text/javascript"></script>

MAPのサイズを変えたい場合は、

<div id="map" style="width: 横幅; height: 縦幅"></div>

の、値を適当に変えてやりましょう。

ちなみに、
GPoint(-122.1419, 37.4419), 4);
の値を変えれば、スタート地点の表示が変えれるようです。（まだ勉強中）

エラーの表示等がでる場合は、きちんとAPIkeyを設置できてない場合が多いので、確認しましょう。

結果今のところ設置完了したのがこれです↓
http://www.monkeychop69.com/guestmap.html

------------------------

次は、座標変えたり、ポップアップでテキストや写真が表示できるようにしようと計画中。
うまくできれば、フォトストックをこれで流用して、各地で撮った写真を掲載しようｗ

------------------------

さらに詳しく知りたい人は、以下の書籍がオススメです＾＾

Googlemapの設置方法も詳しく掲載してあります。