2023年9月24日 / 最終更新日時 : 2023年9月24日 とれいる Leaflet 【Leaflet】マップにスケールバーを追加する はじめに Leflet で描画したマップをサイトに掲載するとき、スケールバーが有ったほうが見やすくなることが有ります。そこで今回は、Leaflet でスケールバーを追加する方法について紹介したいと思います。 スケールバ […]
2023年9月11日 / 最終更新日時 : 2023年9月29日 とれいる osmdroid 【osmdroid】Android で GPS ロガーを自作する(Java) はじめに 登山やサイクリングの移動ログを残して、サイト上の地図に記載したいと思う事がありますが、そういった場合にはGPSログをとることが必要になってきます。そこで、今回は Android で GPS ログを取得して、そ […]
2023年2月12日 / 最終更新日時 : 2023年10月1日 とれいる osmdroid 【osmdroid】GPSで現在位置を表示する(Java) はじめに マップアプリでは、ただマップを表示するだけでなく、現在位置も表示したいと思う場合があります。そこで今回は、GPS を用いて osmdroid (Android で OpenStreetMap を使えるようにし […]
2023年2月5日 / 最終更新日時 : 2023年2月5日 とれいる osmdroid 【osmdroid】マップタイルを設定する はじめに マップタイルには、Google Maps のような有料の物だけでなく、OpenStreetMap や国が公開しているデータなど様々なオープンデータも存在します。今回は osmdroid で、それらのマップタイ […]
2023年2月5日 / 最終更新日時 : 2023年10月1日 とれいる osmdroid 【osmdroid】Android でマップを表示する(Java) はじめに 地図を使った Android アプリを開発するとき、真っ先に浮かぶのが Google Maps です。しかし Google Maps は従量課金制となっており、アクセス数が多くなるほど課金が必要になっています […]
2022年1月16日 / 最終更新日時 : 2022年1月16日 とれいる OpenLayers 【OpenLayers 6】マップを固定する方法 はじめに マップを画像のようにサイトへと埋め込みたい場合、スクロールやズームが動作してしまうとかえって扱いづらくなってしまうことがあります。そこで今回は OpenLayers を使った埋め込みマップについて、完全に固定 […]
2022年1月10日 / 最終更新日時 : 2022年1月10日 とれいる OpenLayers 【OpenLayers 6】最大/最小ズームを設定する はじめに マップの使用用途によっては、最大/最小ズームを設定して、ズームレベルを制限したい場合があります。そこで今回は、最大/最小ズームを設定する方法について説明したいと思います。 最大/最小ズームを設定する方法 マ […]
2022年1月10日 / 最終更新日時 : 2022年1月10日 とれいる Leaflet 【Leaflet】マップを固定する方法 はじめに マップを画像のようにサイトへと埋め込みたい場合、スクロールやズームするとかえって扱いづらくなってしまうことがあります。そこで今回は Leaflet を使った埋め込みマップについて、完全に固定する方法について説 […]
2022年1月2日 / 最終更新日時 : 2023年10月3日 とれいる About Online Map 【Leaflet/OpenLayers】Gesture Handling 機能を実装する はじめに Gesture Handling とは、マップをスマートフォンで閲覧する際に2本指でしかスクロールできないようにしたり、PCで閲覧する際にCtrlキーを押さないとズームできないようにする機能の事です。今回は、 […]
2021年12月31日 / 最終更新日時 : 2021年12月31日 とれいる OpenLayers 【OpenLayers 6】マップを回転させない方法 はじめに OpenLayers はデフォルトで、スマホやタブレットであればピンチで回転、パソコンであれば、Shift+Alt+ドラッグで回転できます。しかし、回転できてしまうと操作性が落ちてしまう場合もあるので、今回は […]