要するに毎日ちょっとずつ Google Maps API のドキュメントをあたまから読んで行って、使い方を覚えましょうという企画です。こういうことは普通、その道の熟練者がやるもんですが、今回は素人がぶっつけ本番でやっちゃいます。だからきっと小ッ恥ずかしい間違いとかちょくちょく仕出かすと思うよ。
では初日ということで、ゆるめのアップから。
Introduction の The “Hello World” of Google Maps のところから入りましょう。
とりあえずここは、そのまんまコピー & ペーストしてみる。成果物は http://www.miyoshitakayuki.com/google-maps-api/ に置くことにします。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Google Maps JavaScript API Example - simple</title>
<script src="http://maps.google.com/maps?file=api&v=1&key=abcdefg" type="text/javascript"></script>
</head>
<body>
<div id="map" style="width: 300px; height: 300px"></div>
<script type="text/javascript">
//<![CDATA[
if (GBrowserIsCompatible()) {
var map = new GMap(document.getElementById("map"));
map.centerAndZoom(new GPoint(-122.141944, 37.441944), 4);
}
//]]>
</script>
</body>
</html>
すると 『この API key は別のディレクトリ用のものだから取り直せ』 といきなり怒られる。早いな。
なるほど、Google からもらった API key を abcdefg のところに置き換えるんだね。とやってみたらまた怒られる。
どうやら私が貰った API key は http://www.miyoshitakayuki.com/ 用で、http://www.miyoshitakayuki.com/google-maps-api/ にファイルを置くには別の API key が必要らしい。
ということで取り直したらうまくいきました。
http://www.miyoshitakayuki.com/google-maps-api/introduction-01.html
出てきたのは見ず知らずの米国の土地ですが、それでもグリグリ動かせて感動です。
2 Comments
はじめまして。Sky’s The Limit の Shin と申します。
先ほど、 Google Maps の日本語化についてのエントリにトラックバックさせていただきましたが、コメントはこちらへ・・・。
僕も、この API が公開されて以来、プログラミング畑のドシロウトにもかかわらず大変興味を持って、いろいろ調べています。
というか、もうすでにたくさんの人がいろんなマップや API を利用したツールを開発しているのを、あたふたと見ているという感じなんですけど。
こちらのこのカテゴリも、最初一番新しい方から見てきたのですが、とても“素人”とは思えません。三好さんが素人なら僕は超ドシロウトといったところです。
でも、とにかく“やってみる”ことが大切なんですよね。
ここ、楽しみに見させていただきながら、いろいろとトライしてみようと思います。
どうぞよろしくお願い申し上げます。
余談ですが、僕は国立に3歳の時から20年ほど住んでいたことがあり、国立周辺の話題のエントリも懐かしいです。
余談ついでですが、Ｗord Press って Movable Type となにか違ってカッコイイですねぇ。
こんにちは。トラックバックどうもありがとうございます。トラックバックって貰えるとうれしいもんですね!
> でも、とにかく“やってみる”ことが大切なんですよね。
そうです! 始めてみるとなんとかなると思いますよ!
ここでの Google Maps API の企画も最近サボり気味ですが見てくれている方がいるようなのでそろそろ再開しようかと思ってます。
> 余談ですが、僕は国立に3歳の時から20年ほど住んでいたことがあり、国立周辺の話題のエントリも懐かしいです。
おおっ地元の方ですか! 国立のいいお店とか教えていただけると嬉しいです。私はこっちに引っ越してまだ1年なので、何も知らないんですよ。
> 余談ついでですが、Ｗord Press って Movable Type となにか違ってカッコイイですねぇ。
いいところに気づきますね～ 日本では全然認知度ないですけど、WordPress って結構使われてるんですよ。デザインテーマやプラグインも多数公開されていて楽しいですよ!