スタートページJavascript

Google Maps の概要

Googleの地図を掲げているWebページをよくみますが、その基本をまとめたものです。自分が使いそうな事項に絞っているので、個人的メモに近い内容です。
「Google Static Maps API V2の実例」
「Google Maps API V3の基礎」
  「Google Maps API V3の機能」
  「Google Maps API V3 マーカーのアイコン変更」


Google Mapの閲覧

単にグーグルの地図を見るだけなら
  「Google マップ - 地図検索」  https://www.google.co.jp/maps/
にアクセスするだけでよいのです。

以下のツールを使うときには、対象個所の緯度や経度が必要になりますが、この地図を表示しておき、必要地点をクリックすれば、地名と緯度・経度が表示されます。


Static Maps API:自作Webページへの地図表示

自分のWebページに、幾つかの地点にマーカーを入れた地図を表示するだけならば、Javascriptなどを使わず、HTMLでの<img ~」だけで作成できます。
Googleが公開しているページに、緯度や経度などのデータをパラメタとして渡すことにより実現します。

実例および簡単な説明は、
  「Google Static Maps API V2の実例」
にあります。

詳細は、「Static Maps API V2 デベロッパー ガイド」
   https://developers.google.com/maps/documentation/staticmaps/?hl=ja
を参照してください。

Static Mapsはあくまでも静的な地図を表示するだけで、「マーカーをクリックしたら~」というようなアプリケーションにすることはできません。拡大・縮小、移動などの操作もできません。


Google Maps API:アプリケーションの作成

「地図やマーカーをクリックしたりマウスを乗せたら~」というようなアプリケーションを作成するには、Javascriptを作成する必要があります。そのために、Google Maps V3というAPIが提供されています。

実例および簡単な説明は、
  「Google Maps API V3の基礎」
  「Google Maps API V3の機能」
  「Google Maps API V3 マーカーのアイコン変更」
にあります。

詳細は、「Google Maps JavaScript API v3 スタート ガイド」
    https://developers.google.com/maps/documentation/javascript/tutorial?hl=ja
および「Google Maps Javascript API V3 Reference」
   https://developers.google.com/maps/documentation/javascript/reference?hl=ja
を参照してください。

APIキーについて

Googleは、Static MapsとGoogle Mapsの利用について、本格的な利用者にAPIキーを取得する(登録する)ことにしていますが、「無料でみられるWebページ」に対しては、キーの取得は不要だとしています。
すなわち、私たちは「なんらの手続きもせずに使える」のです。


Google Maps Engine Lite:対話方式での地図作成

Google Maps Engine Liteは、対話方式で地図を自作するクラウド型のツールです。ナビに従って操作するだけで作成できます。LiteとProがありますが、Lite版は、個人や非営利団体向けで、無料で利用することができます。

一般的には、、位置情報や画像などのデータをアップロードして、マーカーのアイコン設定やルートなどを対話方式で作成するという方法になります。

私がまだ使い込んでいないこと、対話方式なのでWebページにするのが面倒なことなどにより、ここでの説明は割愛します。以下のサイトにいぇってください。

概要:「Google Maps Engine Lite と Pro へようこそ」 https://support.google.com/mapsenginelite/answer/3024396?hl=ja&ref_topic=3188329
地図作成:「Google Maps Engine」 https://mapsengine.google.com/map/?pli=1
解説:SPEC BLOG「Google Maps Engine Liteのカスタマイズ方法」 http://www.studiospec.com.au/blog/tips/googlemapsengine/