コンパイラかく語りき

import { Fun } from 'programming'

GoogleMapsAPIを使ってみる

どうも!chuckです。

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

 

dotinstall.com

 

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

 

地図を表示させてみる

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

 

書いたコードがこちら。

gist89649f6aa5e5bc392def

 

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

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

以上!カンタンですね!

 

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

f:id:chuck0523:20160101145645p:plain

GoogleMapが表示されました。

 

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