OpenStreetMapを使ったWordPressでのまとめ地図の作成

相模Ingress部および,どこでも地図の中核になる
SagamIntellマップの生成・表示に成功しました.

http://ingress.sagamiharacitymuseum.jp/sagamintell/

いわゆる「まとめ地図」です.

 

手順は以下の通り.

(0) OSM (OpenStreetMap)をインストール

https://wordpress.org/plugins/osm/

(1) 投稿を作る,メール投稿でも可

(2) 右上の表示オプションから「カスタムフィールド」をON

(3) 投稿本文の下のカスタムフィールドに新規追加して「OSM_geo_data」というキーワードに対して「35.37898,139.3832」などのGPSデータを打ち込む.

★このGPS情報は,OSMのプラグインを使って「GeoTag」を選べば座標は取得できる.

(4) マップを表示したいページ(上記例だと固定ページ)で以下のようなタグを書けばよい.

[osm_map lat=”35.379″ lon=”139.383″ zoom=”10″ width=”600″ height=”450″ import=”osm_l”]