Google Maps Photo Gallery the Free WordPress Plugin

Google Maps Photo Galleryは、位置情報付きの写真をGoogle Map上に表示するショートコードのプラグインです。

» 公式ディレクトリよりダウンロード
» GitHub
»デモ

説明

  • 投稿にアップロードされた位置情報付きの写真をGoogle Map上に表示します。
  • Google Map上の写真をクリックする、とライトボックス効果により画像を拡大表示します。
  • レスポンシブWebデザインに対応しています。
  • Google Maps JavaScript API v3を利用しています。
  • GPLv3ライセンスのjQueryプラグインfancyBox3 を利用しています。
  • MITライセンスのjQueryプラグインSwiperを利用しています。
  • Google Maps API キーが必要です。事前にAPIキーを取得のうえ、Maps JavaScript APIをアクティベートしてください。

使い方

  1. 位置情報付きの写真を投稿にアップロードします。
  2. ギャラリーを表示したい箇所にショートコードを記述してください。
  3. 初期表示として地図の中心にしたい写真と、地図の拡大率をショートコードのパラメータとして指定することができます。
    例.

    center: アップロードした写真の表示順 (デフォルト:最後の写真)
    zoom: Google Mapの拡大率(0~18 デフォルト:15)

表示例

Google Mapでの表示
Google Mapでの表示
FancyBoxによる拡大表示
写真を拡大表示

7件のコメント

  1. 素敵なテーマで、愛用させていただいています。
    Google Maps Photo Galleryも利用したいのですが、写真数が10枚など多くすると、(下にならぶスクロール部分に全枚数 表示されてしまい)その分、マップが横長になり、画面幅に収まらなくなってしまいます。ほかにインストール/有効にしておくプラグインなど、ありますでしょうか。
    Wordpress 5.3.1

    1. ありがとうございます、下にならぶスクロール部分は width: 100%  と指定しているのでお使いのテーマによるのかもしれませんね
      。他に関連のあるプラグインはありません

    2. あ、すみません、サイトを背景しましたらBirdSITEを使ってくださっているのですね。
      同じテーマとプラグインの組み合わせで、私の写真サイトでは
      https://birdsite.jp?p=3496
      のようになってます

Google Maps Photo Gallery – My Tips and Quotes にコメントする コメントをキャンセル

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください