記事に地図を表示する

閲覧数: 15(0)

オープンストリートマップ用のプラグイン(OSM)を使って記事中に地図を表示するようにしました。自称「旅ブログ」ってことになっているので記事中の対象がだいたいどの辺に位置するのか参考とするためです。「Geotag」を使用するとサイト全体で位置情報を共有出来るので、地図上で記事を一覧表示することが可能です。ヨーロッパ(ドイツ)のコミュニティを中心に開発されている関係でアジアでの表示に多少の問題がある(個人の力量かもしれませんが)ようですが、このサイトの中心は「スペイン」でたまに日本なのであまり大きな問題とはなりません。投稿の編集でOSMショートコードジェネレーターを表示するようにし「Maps & geotags」タブを選んで表示したい位置に地図を移動させた後、地図上の任意の位置をクリックすると地図の下にショートコードが生成されます。「Maps & geotags」では「control=」が追加されないので個人的な趣味で「control=”fullscreen,scaleline”」を追加しています。これは地図に「縮尺スケール」と「全画面ボタン」を表示するための指定です。下の地図ではこれまでに「Geotag」に保存したマーカーの位置が表示されています。全画面にしたり地図の縮尺を変更するとその他の地点も表示されるので、結構便利です。

この地図ではスケールによってはマーカーが密集して見え辛いことを想定して、密集した際にはクラスター化する指定をしています。地図のスケールを縮小方向(マイナス側を押す)へ変更すると記事のマーカーが数字で表示されるようになります。

【最終更新日: 2019年2月24日】
カテゴリーIT閑話, 公開タグ, ,
パンくずリスト詳細
2020年5月12日

テーマの「マイナーチェンジ」に伴って「パンくずリスト」の仕様を若干変更しました。一つ前のテーマではパ  続きを読む

カテゴリーを制限する
blank
2020年5月11日

過去に何度も書いた「カテゴリー制限」の話、元はと言えば初期に書かれた「非公開」の記事が原因です。トッ  続きを読む

マイナーチェンジ
blank
2020年3月23日

かれこれ一年近くほったらかしだったので、気合をいれて「テーマ変更」と思っていたのですが、、、いろいろ  続きを読む

6月の検索ワードまとめ
blank
2019年6月30日

6月の検索ワードのまとめです。 意外なところで「zabbixダウングレード」が複数回検索され、単独の  続きを読む

アクセシビリティ対策
blank
2019年6月23日

テーマカスタマイズの一環で、トップページに一覧表示されている「写真を左右交互に表示する」ようにした際  続きを読む

dockerとproxy
blank
2019年6月18日

dockerやdocker-composeをプロキシ環境下で使うのに苦労したので忘れないようにメモし  続きを読む

コメントを残す

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