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による拡大表示
写真を拡大表示

9件のコメント

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

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

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

  2. まさに求めていたプラグインです。

    是非使用させて頂こうと思い設定をしてみましたが、動作しませんでした。

    Google Maps APIIキーは取得し、Maps JavaScript APIも有効にしましたが、画像のみの表示となり地図が表示されませんでした。
    何か他に設定があるのでしょうか?

    ショートコードとして[googlemaps-photo-gallery]は記述しています。

    ご教示の程宜しくお願い致します。

    1. 先日質問させて頂いた者ですが、
      記述等の問題では無く、単純にキャッシュ等の問題で表示できていませんでした。
      お騒がせしましたm(_ _”m)

コメントを残す

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

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