Leafletで時系列の複数GeoTIFFファイルの降雨分布データをアニメ表示する方法
この記事では、Leafletを使って時系列の複数GeoTIFFファイルの降雨分布データをアニメ表示する方法について解説していきたいと思います。この記事で示したサンプルコードを実行すると下図のようなアニメーションが表示されます。 1. はじめに このサイトではこれまで、単一のGeoTIFFファイルの降雨分布データを表示する方法と時系列のGeoTIFFファイルをアニメ表示す […]
TAG
Leaflet
Warning: Trying to access array offset on value of type bool in /home/xs213093/hydrocirculate.net/public_html/wp-content/themes/the-thor/tag.php on line 43
LeafletでGeoTIFFファイルの降雨分布データを色分け表示する方法
この記事ではこれまで解説したスキルを使ってGeoTIFFファイルの降雨データを表示する方法を解説していきたいと思います。サンプルコードを実行すると下図のような降雨分布が表示されます。 1. はじめに ここまで、Leafletを使ってGeoTIFFファイルのデータを表示する方法について解説してきました。この記事ではこれまで解説したスキルを使ってGeoTIFFファイルの降雨データを表示する方法を解説し […]
Leafletでラスターデータに色調をつけて表示する方法
1. はじめに 今まで記事ではラスターデータの白黒表示しか取り扱ってきませんでしたが、この記事ではラスターデータに色調を付与して表示する方法を解説していきたいと思います。使用するデータは前回の記事と同じく気象庁速報版解析雨量GPVをGeoTIFFフォーマットに変換したものです。 2. ラスターデータに色調を付与する方法 ラスターデータに色調を付与する方法は色々あると思いますが、ここで […]
Leafletでラスターデータをアニメーション表示する方法
これまでこのサイトではJavascriptライブラリのLeafletを使ってGISデータの一種であるラスターデータを地図上に表示させる方法を解説してきました。これまでは、ラスター表示はすべて静止画でしたが、この記事では複数のラスターデータをアニメーション表示する方法について解説していきたいと思います。 1. はじめに この記事では、Leafletを使って複数のラスターデ […]
LeafletでGISデータ（GeoTIFFファイル）を表示する方法
この記事では、WEB地図のJavascriptライブラリLeafletでGISデータであるGeoTIFFファイルデータを地図上に表示させる方法を解説していきたいと思います。 1. はじめに 相変わらずLeafletで地形データや降雨データ等のラスターのGISデータを表示することに取り組んでいます。前の記事ではLeafletでASCII-Gridファイルを表示する方法を解説しました。と […]
LeafletでGISデータ（ASCII-Gridファイル）を表示する方法
この記事では、私が独自開発アプリ「TopoBuilder」の開発のときに使ったJavascriptのライブラリ「Leaflet」でGISデータであるASCII-Gridデータを地図上に表示させる方法を解説していきたいと思います。 1. はじめに 開発しているアプリで画面上にGISデータの一つであるASCII-Gridファイルを表示する必要がありました。ASCII-GridファイルはASCIIと書い […]