[Waymark map_id=”449″ map_height = “600” Basemap=”Google Maps”]
Waymark の紹介
WordPressでmapを表示するpluginをいろいろ探して、下記の条件に合うWaymark にたどり着きました。妥協点は今のところ見当たりません。
- 無料
- 使いやすさ ★5(myscore)
- markerのpop-upにphotoを表示
- GPS loggerのlines、makersのimport及びexport
下記が Waymark の プラグインサイトです。プラグインのインポートはwordpressダッシュボードから直接出来ます。
Waymark
Waymark adds powerful mapping features to WordPress that are easy to use. Create beautiful, interactive Maps customised to suit your needs.
wordpress.org
下記が Waymark の デモサイトです。
https://www.joesway.ca/collection/waymark-demo/
www.joesway.ca
このページのmap表示コードは下記のコードとなります。
角括弧 Waymark map_id=”449″ map_height = “600” Basemap=”Google Maps” 角括弧
「Waymark map_id=”449″」以外の上書きプロパティはShortcode Parametersに説明が有ります。
角括弧 Waymark map_id=”449″ map_height = “600” Basemap=”Google Maps” 角括弧
「Waymark map_id=”449″」以外の上書きプロパティはShortcode Parametersに説明が有ります。
https://www.joesway.ca/waymark/docs/shortcodes/
www.joesway.ca
Settings Basemaps Example
地理院地図の淡色地図
https://cyberjapandata.gsi.go.jp/xyz/pale/{z}/{x}/{y}.png
地理院地図の標準地図
https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png
OpenStreetMap
https://tile.openstreetmap.jp/{z}/{x}/{y}.png
Google Maps
https://mt1.google.com/vt/lyrs=y&x={x}&y={y}&z={z}
※GoogleMapsはAPI Keyを取得し有料化となりましたが、Mapping LifeのサイトでGoogleのXYZ Tiles（地図タイル）のURLが得られます。API Keyと関係が不明ですが、利用出来ています。
https://ujicya.jp/blog-mapping/xyz-tiles-url/
又こんなサイトも
leaflet で Google Maps のタイルを使う : (*x).b=z->a+y/c
◆ タイル画像は認証不要で公開されてる◆ 規約では禁止されてるいう意見も ◆ 昔みたいにはっきりタイルの使用を禁止って書いてるのは見当たらなかった ◆ 禁止と言ったところで認証不要で公開されてる URL のコンテンツ使うことを禁止は無理だと思う
var.blog.jp
Settings Markers
makerのタイプはウエブサイト Ionicons から選びます
コメント