Webサイトで地図を表示するのに便利なGoogle マップ。Googleが提供しているGoogle Maps APIを使って、地図を設置する方法から、マーカーを置いたり、道のりを表示したり、地図の色を変えたりするためのコードをまとめました。※Google Maps APIの中でも、ここではGoogle Maps JavaScript API v3を使ったサンプルを掲載します。 以下は目次です。クリックするとその項目へ移動します。 Google マップを設置する。 いちばん簡単なGoogle マップ ジオコーディングなGoogle マップ Google マップの読み込み方 場所を示す。 マーカーを置く アイコンを置く 吹き出しを出す 道のりを表示する。 ポリラインで描画する Directions Serviceを利用する 見た目をカスタマイズする。 コントロールのカスタマイズ デザインのカス
![Google Maps APIのおさらい。](https://cdn-ak-scissors.b.st-hatena.com/image/square/977bb5a9d149febfa6455bc070f0caec24d889fb/height=288;version=1;width=512/http%3A%2F%2Flopan.jp%2Fwp%2Fwp-content%2Fuploads%2F2015%2F07%2Ficon_googkemap-api-600x600.jpg)