« Skypeが一時不通になったのでお詫びメールが届く | メイン | お店ばたけネットショップステップアップ基礎講座の第2期が始まります »

TOP> Webをカスタマイズ

Google Maps APIなしで、自社サイトにGoogleマップ表示が可能に

Google Maps APIという優れもののおかげで、Webサイトにおける地図情報発信が格段に向上した。
しかし、このAPI、なんでもできるがいざ導入となると少々、敷居が高い。
挫折した方も多いと思うが、Googleがあらたな機能を導入してくれた。

Googleマップで、表示したい検索キーワードを表示し、マップが表示されたらこの地図を自分のサイトやブログに簡単に貼り付けることができるタグを提示。
そう、YouTubeのタグ貼り付けと同じ機能だ。

具体的に、手順を紹介。
Googleマップで「タスクマザー」と入力し、「地図を検索」ボタンをクリック。
ビジネスローカルセンターに登録しているので、各種情報がのった吹き出しが表示され、オフィスの位置が表示される。

タスクマザーのgoogleマップ

ここで画面右上(地図の右上)の「このページのリンク」をクリック。
するとオレンジのウィンドウが表示される。

googlemaps貼り付けタグ

下段のフォームの内容をコピーすると、サイトやブログに表示されるという簡単なステップ。
また、コピーするフォームの下の「埋め込み地図のカスタマイズとプレビュー」をクリックすると新ウィンドウが開き、表示されるプレビュー地図、さらに詳細なカスタマイズ、地図のサイズ大(width:640)・中(425)・小(300)、自由なサイズ指定もできる。

このサイトの幅にあわせて、幅500×高さ500のカスタムサイズで表示されたタグを貼り付け。


拡大地図を表示

簡単に地図をサイトに貼り付けることができる。
さらに、カスタマイズしたい場合が、GoogleMapsAPIの登場となる。
また、この吹き出しは、googleローカルビジネスセンターで登録したものが反映されるので、登録をオススメする。
また、登録済みの方も定期的に「編集」で内容を確認したほうがよい。googleの機能は日々進化しているのでその恩恵に預かろう!!

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)