2020年6月23日 / 最終更新日時 : 2021年1月31日 とれいる Leaflet 【Leaflet】 マップの初期設定をする はじめに Leaflet の初期設定をしていないと、マーカーが地球一周で消えたり、南極や北極の外側の領域まで表示されたりすることがあります。そこで今回は、Leaflet の初期設定( maxBounds など)について […]
2020年6月22日 / 最終更新日時 : 2021年1月31日 とれいる Leaflet 【Leaflet】 複数のマップタイルを切り替える はじめに OpenStreetMap や Stamen Design, 国が公開しているデータなど、マップには様々なオープンデータが存在します。今回はそれらマップタイルを切り替える方法のうち、 ①コントロールを追加して […]
2020年6月16日 / 最終更新日時 : 2021年2月27日 とれいる Leaflet 【Leaflet】マップ上にバブルチャートを描画する はじめに バブルチャートとは、円の大きさによってデータの大きさを表すグラフのことです。マップとの親和性も高くて、どこに、何が、どれくらいあるのかを視覚化することができます。 今回はそんなバブルチャートを、Leafle […]
2020年6月14日 / 最終更新日時 : 2023年10月6日 とれいる Leaflet 【Leaflet】マップ中心の位置をリセットする Leaflet ではマップの中心座標を map.getCenter() で取得できますが、マップの横幅を変更した場合など、そもそもマップの中心が要素の中心にいなくなるときがあります。 そんなときは次の一文を挿入すると […]
2020年6月13日 / 最終更新日時 : 2023年10月14日 とれいる Leaflet 【Leaflet】埋め込み地図を表示させる方法 はじめに Web サイトに地図をカスタマイズして埋め込む場合、Google Maps だと料金体系や著作権が問題となってきます。ここで、Google Maps の代わりとなるのが Leaflet です。Leaflet […]
2020年6月11日 / 最終更新日時 : 2021年1月31日 とれいる About Online Map マップタイルとデータ量について 本記事では、マップタイルの概念と、そのデータ量についてまとめます。 マップタイルについて マップタイルの概念は Google によって提案され、2005 年の Google Map サービス開始以来、多くのマップサー […]
2020年6月10日 / 最終更新日時 : 2023年10月6日 とれいる About Online Map 【Google Maps】マーカー付きリンクの貼り方 マップをサイトに埋め込むときは、お店の場所などを閲覧者に伝えたい場合が多いです。このとき閲覧者は、その場所を自分のスマホに保存しておきたいわけで、クリックやタップをすると、その地点を中心とした Google Maps […]
2020年6月7日 / 最終更新日時 : 2023年10月10日 とれいる About Online Map オープンデータの各種マップタイルまとめ 商用利用可能かつ登録不要のタイルのみをピックアップ。本当はベクトルタイルもまとめたい。 はじめに OpenStreetMap を代表として、無償でも利用できるマップタイルは種々存在しています。しかし、利用規約も少しず […]
2020年6月1日 / 最終更新日時 : 2023年10月2日 とれいる About Online Map Google Maps vs OpenStreetMap はじめに 多くの人がマップアプリと聞いて最初に思い浮かべるのが「Google Maps」かと思います。2005 年にサービスが開始されて以来、Google は地図上の情報量をドンドン増やし続けてきました。その情報は「ス […]