Google Maps Photo Gallery the Free WordPress Plugin

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

googlemaps-photo-gallery-3

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

説明

  • 投稿にアップロードされた位置情報付きの写真をGoogle Map上に表示します。
  • Google Map上の写真をクリックする、とライトボックス効果により画像を拡大表示します。
  • レスポンシブWebデザインに対応しています。
  • Google Maps JavaScript API v3を利用しています。
  • MITライセンスのjQueryプラグインMagnific Popupを利用しています。

使い方

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

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

表示例

Google Mapでの表示

Google Mapでの表示

FancyBoxによる拡大表示

写真を拡大表示

2件のコメント

コメントを残す

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>