2023年2月12日 / 最終更新日時 : 2023年2月18日 とれいる osmdroid 【osmdroid】GPSで現在位置を表示する はじめに マップアプリでは、ただマップを表示するだけでなく、現在位置も表示したいと思う場合があります。そこで今回は、GPS を用いて osmdroid （Android で OpenStreetMap を使えるようにし […]
2023年2月5日 / 最終更新日時 : 2023年2月5日 とれいる osmdroid 【osmdroid】マップタイルを設定する はじめに マップタイルには、Google Maps のような有料の物だけでなく、OpenStreetMap や国が公開しているデータなど様々なオープンデータも存在します。今回は osmdroid で、それらのマップタイ […]
2023年2月5日 / 最終更新日時 : 2023年2月12日 とれいる osmdroid 【osmdroid】Android でマップを表示する はじめに 地図を使った 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日 / 最終更新日時 : 2022年1月16日 とれいる About Online Map 【Leaflet/OpenLayers】Gesture Handling 機能を実装する はじめに Gesture Handling とは、マップをスマートフォンで閲覧する際に２本指でしかスクロールできないようにしたり、PCで閲覧する際にCtrlキーを押さないとズームできないようにする機能の事です。今回は、 […]
2021年12月31日 / 最終更新日時 : 2021年12月31日 とれいる OpenLayers 【OpenLayers 6】マップを回転させない方法 はじめに OpenLayers はデフォルトで、スマホやタブレットであればピンチで回転、パソコンであれば、Shift+Alt+ドラッグで回転できます。しかし、回転できてしまうと操作性が落ちてしまう場合もあるので、今回は […]
2021年12月31日 / 最終更新日時 : 2021年12月31日 とれいる OpenLayers 【OpenLayers 6】マーカーにクリックイベントを付加する はじめに マーカーは表示するだけではなくクリックイベントやポップアップイベントなどを追加すると利便性が向上します。今回は、マーカーにクリックイベントを付加して、マーカーをクリックすると別ページへとジャンプするように設定 […]
2021年12月30日 / 最終更新日時 : 2021年12月31日 とれいる OpenLayers 【OpenLayers 6】ズームレベルに応じてマーカーの表示/非表示を切り替える はじめに マーカーをマップ上に増やしていくと、広域表示でごちゃごちゃするので、ズームレベルに応じてマーカーを非表示にしたくなる場合があります。今回は、ズームレベルでマーカーの表示/非表示を切り替える方法について説明した […]
