月別アーカイブ: 2014年7月

Google マップをサイトに埋め込む

WordPressには、Googleマップを簡単に表示させるプラグインが数多くありますが、今回はGoogleマップの機能でサイトに埋め込むHTMLを出力する方法がありましたのでそちらを試したいと思います。

  1. Google マップにアクセスします。
  2. 住所や場所などで検索を実行します。
    検索

  3. 画面右下にある設定アイコンをクリックすると、「地図を共有/埋め込む」メニューが表示されますので、クリックします。
    地図を共有/埋め込む

  4. ダイアログが開きますので、「地図を埋め込む」タブをクリックします。地図のサイズの変更も可能です。HTMLが生成されますので、コピーして貼り付ければGoogle マップが表示されます。
    WS000047

 

実際にはこのように表示されます。検索したところをクリックすると、ルート検索を実行したり、口コミ情報なども参照できます。googleにログインしていれば保存もできます。

手軽に地図を載せるには便利ですね。