GoogleMapsAPIを使ってみる

どうも！chuckです。

ドットインストールで面白そうなレッスンを見つけたので、消化します。

dotinstall.com

GoogleMapAPIを使えば、GoogleMapをカンタンに使えるよー！と言った感じ。

地図を表示させてみる

まずは単純に地図を表示させてみます。

書いたコードがこちら。

gist89649f6aa5e5bc392def

ポイントは以下のとおり。

1. scriptタグでAPIを読みこむ。
2. HTMLとCSSで表示領域を作っておく。
3. JSで緯度経度、ズーム、マップの種類などを指定する。

以上！カンタンですね！

作成したHTMLファイルを開くとこのとおり！

GoogleMapが表示されました。

次回は手を加えて、色々試してみようと思います。