2023年10月15日 / 最終更新日時 : 2023年10月15日 とれいる MapLibre 【MapLibre】複数のテキストを記載する 上の図のように、マップ内に複数のテキストを配置する場合（タイル自体に文字があってすいません…）、一旦 GeoJSON で定義してあげて、map.addSource で ソースとして追加し、addLayer […]
2023年10月13日 / 最終更新日時 : 2023年10月13日 とれいる MapLibre 【MapLibre】マップにマーカーを追加する MapLibre でマップにマーカーを追加するだけなら、下記の１行を追加するだけで大丈夫です。 マーカーの色も簡単に変えられます。便利ですね。 ポップアップを追加するには、別途ポップアップを定義して、マーカーにセッ […]
2023年10月11日 / 最終更新日時 : 2023年10月11日 とれいる MapLibre 【MapLibre】ズームコントロール/コンパス/スケールを表示 上の図のように、マップの右上にズームコントロール/コンパスを追加するには、以下のように記述します（ナビゲーションコントロールを追加します）。なお、コンパスをクリックすると、北が上の表示に戻ります。 左下にスケールバー […]
2023年10月10日 / 最終更新日時 : 2023年10月17日 とれいる MapLibre 【MapLibre】埋め込み地図を表示する方法 はじめに MapLibre とは、ブラウザでマップデータを表示する、TypeScript （Microsoft が公開した JavaScript の派生言語）のオープンソースライブラリです。もともとは Mapbox が […]
2023年10月7日 / 最終更新日時 : 2023年10月15日 とれいる About Online Map GPX 地図をサイト/ブログに埋め込む方法 はじめに サイクリングや登山をすると、GPS ログをとることがしばしありますが、そういったときに GPS ログは GPX （GPS eXchange format：XMLの一種）という形式で保存されることも多いです。例 […]
2023年10月7日 / 最終更新日時 : 2023年10月7日 とれいる About Online Map 【Google My Maps】GPX 地図をサイト/ブログに埋め込む はじめに サイクリングや登山をすると、GPS ログをとることがしばしありますが、そういったときに GPS ログは GPX （GPS eXchange format：XMLの一種）という形式で保存されることも多いです。例 […]
2023年10月7日 / 最終更新日時 : 2023年10月8日 とれいる Leaflet 【Leaflet】GPX を地図に埋め込む はじめに サイクリングや登山をすると、GPS ログをとることがしばしありますが、そういったときに GPS ログは GPX （GPS eXchange format：XMLの一種）という形式で保存されることも多いです。例 […]
2023年10月1日 / 最終更新日時 : 2023年10月4日 とれいる About Online Map 【Android】 GPS ログをサイト/ブログに埋め込む はじめに 登山や旅行、サイクリングの移動ログ（GPS ログ）を残して、サイト上の地図に記載したいと思う事があります。GPS ログの取得方法は色々ありますが、スマートフォンのアプリを使った方法が簡単です。スマートフォン用 […]
2023年9月24日 / 最終更新日時 : 2023年9月24日 とれいる Leaflet 【Leaflet】マップにスケールバーを追加する はじめに Leflet で描画したマップをサイトに掲載するとき、スケールバーが有ったほうが見やすくなることが有ります。そこで今回は、Leaflet でスケールバーを追加する方法について紹介したいと思います。 スケールバ […]
2023年9月11日 / 最終更新日時 : 2023年9月29日 とれいる osmdroid 【osmdroid】Android で GPS ロガーを自作する（Java） はじめに 登山やサイクリングの移動ログを残して、サイト上の地図に記載したいと思う事がありますが、そういった場合にはGPSログをとることが必要になってきます。そこで、今回は Android で GPS ログを取得して、そ […]
