リーフレットマップ

リーフレットマップ | bozdoz

説明

LeafletJSで生成されたマップを追加します。モバイルフレンドリーなインタラクティブマップ用のオープンソースJavaScriptライブラリです。マップタイルは、デフォルトでOpenStreetMapまたはMapQuest(アプリキー付き)を介して提供されます。ショートコード属性を使用して、またはダッシュボード設定を介して、マップごとに設定できます。
マップ
次のコマンドでマップを作成するだけです。
[リーフレットマップ]

次のアドレスでアドレスを検索します。
[leaflet-map address = “chicago”]

場所の緯度と経度を知っていますか?それら(およびズームレベル)を次のものと一緒に使用します。
[leaflet-map lat = 44.67 lng = -63.61 zoom = 5]

次のように、マップのショートコードの下にマーカーを追加します。
[リーフレットマップ]
【リーフレットマーカー】

もっと欲しい?より多くを作成します(そしてそれらすべてを含むようにマップを適合させます):
[leaflet-mapfitbounds]
[leaflet-marker address = “tokyo”]
[leaflet-marker address = “oslo”]
[leaflet-marker address = “cairo”]
[leaflet-marker address = “toronto”]

次の名前のポップアップを(任意の形状に)追加することもできます。
[leaflet-mapfitbounds]
[leaflet-marker address = “tokyo”]東京[/ leaflet-marker]
[leaflet-marker address = “oslo”] Oslo [/ leaflet-marker]
..。

WordPressエディターで他のリンクを追加するのと同じ方法で、ポップアップメッセージへのリンクを追加します。
その他のシェイプ、GeoJSON、KML
[leaflet-line]を追加して、地図に線を追加します。セミコロンで区切られたリストを使用して位置を指定できます。またはバー| lat / lngの使用:[leaflet-line latlngs = “41、29; 44、18”]またはアドレス:[leaflet-lineaddresses = “Istanbul; Sarajevo”]、またはイメージマップのx / y座標。
[leaflet-circle]を追加して、地図に円を追加します。 latとlngを使用して位置を指定し、radiusを使用してメートル単位で半径を指定できます。リーフレットのパスオプションを使用してスタイルをカスタマイズすることもできます。例:[leaflet-circle message = “max distance” lng = 5.117909610271454 lat = 52.097914814706094 radius = 17500 color = “#0DC143” fillOpacity = 0.1]。
または、URLを介してgeojsonシェイプを追加することもできます(独自のサーバーでホストされていない場合は、アクセスが許可されていることを確認してください):[leaflet-geojson src = “https://example.com/path/to.geojson” ]。フィールド名を使用してカスタムポップアップを追加します。次のようなデフォルトのsrcファイルとフィールドを試してください。
[leaflet-mapfitbounds]
[leaflet-geojson] {name} [/ leaflet-geojson]

nameはそのGeoJSONのプロパティであり、中括弧とプロパティ名を使用してアクセスできます。

イメージマップ
または、[leaflet-image src = “path / to / image / file.jpg”]を使用して、訪問者がズームおよびパンできるようにプレーン画像を使用することもできます。設定のヘルプについては、スクリーンショット3〜5を参照してください。
もっと
LeafletMap管理セクションのShortcodeHelperページで他の例を確認してください。
GitHubのソースコードと詳細を確認してください!

インストール

新しいプラグインを追加することを選択し、[アップロード]をクリックします
リーフレットマップzipをアップロードする
WordPressの[プラグイン]メニューからプラグインをアクティブ化します
ページまたは投稿でショートコードを使用します。例: [leaflet-map]と[leaflet-marker]

プラグインの作者

bozdoz

プラグインの公式ウェブサイトアドレス

https://wordpress.org/plugins/leaflet-map/
リーフレットマッププラグインの使用で問題が発生した場合は、以下にコメントしてください。問題の解決に最善を尽くします

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です