2021年12月29日 / 最終更新日時 : 2021年12月30日 とれいる OpenLayers 【OpenLayers 6】複数のテキストを配置する はじめに マップ上にテキストを配置したいと思うシチュエーションは度々あります。今回はまず、マップ上にテキストを配置する方法について説明した後、複数のテキストを配置する方法について説明したいと思います。 テキストをマップ […]
2021年12月28日 / 最終更新日時 : 2021年12月30日 とれいる OpenLayers 【OpenLayers 6】マップ上にラインを描画する はじめに GPS ロガーで記録したデータを地図上で表示する等、OpenLayers を使ってラインを描画したくなる場合が有ります。ここでは、KML や GPX の読み込み機能は使わないで、配列で渡した経緯度を用いてライ […]
2021年12月27日 / 最終更新日時 : 2021年12月30日 とれいる OpenLayers 【OpenLayers 6】マップ上にマーカーを配置する はじめに サイトやブログで相手に場所を伝えるとき、記事内にマップを埋め込むと効果的ですが、そういった場合にはマーカーを配置すると分かりやすいです。そこで今回は、OpenLayers 6 でマーカーを配置する方法について […]
2021年12月26日 / 最終更新日時 : 2021年12月31日 とれいる OpenLayers 【OpenLayers 6】マップタイルを切り替える はじめに マップタイルには、Google Maps のような有料の物だけでなく、OpenStreetMap や国が公開しているデータなど様々なオープンデータも存在します。今回は OpenLayers 6 で、それらのマ […]
2021年12月25日 / 最終更新日時 : 2023年10月10日 とれいる OpenLayers 【OpenLayers 8】埋め込み地図を表示させる方法 はじめに OpenLayers とは、ブラウザでマップデータを表示する、JavaScript のオープンソースライブラリです。Web サイト上にマップをカスタマイズして埋め込む場合、Google Maps だと料金体系 […]
2020年7月17日 / 最終更新日時 : 2023年1月14日 とれいる About Online Map レンタルサーバーでマップタイルを管理する はじめに 皆で地図を編集して、誰もが利用できる地図を作るプロジェクト「OpenStreetMap (OSM)」。基本的にはマップタイルを自由に利用することができますが、サーバー資源は有限なので、過度なアクセスをするとブ […]
2020年7月14日 / 最終更新日時 : 2021年1月31日 とれいる Leaflet 【Leaflet】Font Awesome でマーカーを描画する はじめに CSS を使ったアイコンの中でも、Font Awesome というウェブフォントは、数千個ものアイコンが登録してあり、特に有名なウェブフォントになります。今回はそんな Font Awesome を使って、 L […]
2020年6月30日 / 最終更新日時 : 2021年1月31日 とれいる Leaflet 【Leaflet】 CSS でマーカーを描画する はじめに Leaflet ではデフォルトでマーカーの画像が登録されていますが、CSS を使って描画をすることも可能です。そこで今回は、CSS を使ったマーカーの描画方法についてまとめたいと思います。 DrawTrail […]
2020年6月29日 / 最終更新日時 : 2023年10月2日 とれいる About Online Map サイト/ブログへマップを埋め込む方法 はじめに Google Maps を始めとして、オンラインのマップサービスは沢山存在します。今回は特にサイトやブログにマップを埋め込む方法について、プログラミング不要なものに限定して、それらのサービスをまとめたいと思い […]
2020年6月24日 / 最終更新日時 : 2021年1月31日 とれいる Leaflet 【Leaflet】 マップ上にマーカーを配置する はじめに サイトやブログで相手に場所を伝えるとき、記事内にマップを埋め込むと効果的ですが、そういった場合にはマーカーを配置すると分かりやすいです。そこで今回は、Leaflet でマーカーを配置する方法についてまとめたい […]
