【新GoogleMap】おみせフォトをサイトに埋め込む３ステップ

2014年2月18日

GoogleMapが新しくなってから、おみせフォトの埋め込みがわからずに困っていたのでメモ。

おみせフォトとは

Googleが提供する、各店舗を360°のパノラマで閲覧できるサービス。店舗側はGoogleの認定パートナーに依頼して店舗を撮影してもらいます。
GoogleMapでお店を探したときに、店内がぐるっと見渡せる写真が見られるので、飲食店やホテルなどの利用者にはありがたいサービスです。

http://www.google.co.jp/intl/ja/help/maps/businessphotos/

おみせフォトを自分のウェブサイトに埋め込む

おみせフォトの写真はウェブサイトにも埋め込めます。
GoogleMapを埋め込むのと同じような感覚でできる、はずなのですが、新しいGoogleMapではなぜか対応していない模様。（埋め込み用リンクを見つけることができません）

新しいGoogleMapで埋め込みリンクを見つける方法

1.マイプレイスを表示させて「旧GoogleMap」へ

画面下の設定ボタンから、「マイプレイス」をクリックすると、旧GoogleMapの画面へ移動します。

マイプレイスをクリック

2.おみせフォトを掲載したい店舗を検索して表示

おみせフォトを掲載したい店舗を検索すると、左側に店舗の詳細とおみせフォトの写真が出てきます。

お店を検索

3．おみせフォトを表示させた状態でリンクボタンをクリックし、埋め込み用コードを取得

おみせフォトを表示させ、リンクボタンをクリックすると、埋め込み用のHTMLコードが表示されます。
こちらをコピーして、自分のウェブサイトに利用すると、おみせフォトの埋め込みができます。サイズはiframeタグの中にあるwidthやheightで変更できるようです。

埋め込み用のコードを取得

埋め込み例

[googlemaps https://maps.google.co.jp/maps?q=%E3%83%9B%E3%83%86%E3%83%AB%E3%83%A1%E3%82%A4%E3%83%88&layer=c&sll=31.589886,130.557565&cid=10284840397468604482&panoid=IXV9ZN-SDcUAAAAGOrdoNQ&cbp=13,343.89,,0,0&hl=ja&brcurrent=3,0x353e615200e3c53d:0x9adcfdad5d5c5885,0&ie=UTF8&hq=%E3%83%9B%E3%83%86%E3%83%AB%E3%83%A1%E3%82%A4%E3%83%88&hnear=&ll=31.589905,130.557564&spn=0.006295,0.006295&t=m&cbll=31.589886,130.557557&source=embed&output=svembed&w=425&h=350]

写真をドラッグすると、上下左右に動きます。

そのうち現在のGoogleMapでも取得できるようになりそうですが、それまでは上記のような取得方法になりそうです。

tsurudama.jp