GoogleマップをWebページに表示させる

Googleマップを埋め込む

 

Google Maps Embed API」を使わずに簡単にマップをエンベッドする方法があります。これを使うと地図を自由にカスタマイズすることができますが、「API KEY」なるものが必要になります。KeyはGoogle側が使用回数制限を設けるのに利用されているようです。API KEYを取得するには、Googleのユーザーアカウントが必要です。

ここではKEYの必要ない方法で行います。内容は以下のページに詳しく掲載されています。

www.petitmonte.com

 

カスタム例

f:id:develog:20161014002712p:plain

width:マップの横幅

height:マップの縦幅

q:住所(q=東京都墨田区押上1-1-2)

t:表示モード mは道路地図

z:地図の倍率 0(広域)~23(詳細) デフォルトは14

 

これを表示すると以下のようになります。

f:id:develog:20161014002311p:plain