記事に地図を表示する

閲覧数: 15(0)

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

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

【最終更新日: 2019年2月24日】
カテゴリーIT閑話, 公開タグ, ,
検索精度を高める
2020年11月1日

検索ネタを連発するのはElasticsearchやElasticPressがバージョンアップした時の  続きを読む

ElasticPress日本語設定2020年版
blank
2020年10月29日

ElasticsearchをWordpressで利用するためのプラグインであるElasticPres  続きを読む

ElasticPress 3.5
blank
2020年10月22日

Elasticsearch用のプラグインであるElasticPressがメジャーバージョンアップ(3  続きを読む

Elasticsearch 6.8.11
blank
2020年10月2日

2017年末に「2.4.6」から「5.6.5」へバージョンアップして以来の大幅バージョンアップです。  続きを読む

パンくずリスト詳細
blank
2020年5月12日

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

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

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

コメントを残す

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