<< プリザーブドフラワーって言えますか? | main | 大沢たかおのあなたに朗読 >>

Google Maps API 表示されない・・・

なんで!?

Google Maps APIとは
JavaScript を使って Google マップをホームページに埋め込むことができるという機能です。

私のGoogleMapが表示されなかった理由はbodyタグにonload="load()"が入っていなかったから。

1.Googleのアカウントを取得


  アカウントを取得してログインしていないとAPIキーは取得できません!



2.登録してGoogle Map APIキーを取得します。


01.gif



3.Google Map APIに登録する。


  GoogleMapを埋め込みたいホームページのURLを入力します。
02.gif



4.キーを取得


  Your key is:ここに表示されるのがAPIキーです。
03.gif



5.JavascriptにAPIキーを入力します。






6.外部Javascript(map.js)挿入。


map.jsをダウンロード

緯度経度を調べるときはここ→Geocoding


7.bodyタグにonload="load()"を入力。


  これ忘れないように!
   


8.HTMLの中の地図を表示させたい場所をdivで囲みます。


  id="map"を入れて終わり。
コメント
コメントする









この記事のトラックバックURL
トラックバック
チーム笑楽WEBサイトへ
名古屋のホームページ作成の事ならチーム笑楽
calendar
sponsored links
selected entries
categories
archives
recent comment
links
profile
search this site.
others
mobile
名古屋・小牧ホームページ作成の事ならチーム笑楽
powered