art2nd https://blog.hatena.ne.jp/art2nd/ 晴歩雨描 https://2ndart.hatenablog.com/ 地図・マップ ホームページ、Web作成 天気予報 地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図表示を試してきた。 今回、「OpenWeatherMap」の降水量、雲、気圧図を重ねて表示できるようにした。 APIキーが見えてしまうので、作成したページはとりあえず非公開。 【サンプルソース抜粋】 var Overlay_Map = new Array(); ... ... ... Overlay_Map[ 4 ] = L.tileLayer('https://tile.openweathermap.org/map/precipitation/{z}/{x}/{y}.png?appid=｛APIキー｝', { o… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F2ndart.hatenablog.com%2Fentry%2F2021%2F06%2F27%2F093835" title="Leaflet地図：天気情報「OpenWeatherMap」降水量、雲、気圧図（気象情報）を重ねて表示。サンプルソース。 - 晴歩雨描" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/art2nd/20210627/20210627093508.jpg Hatena Blog https://hatena.blog 2021-06-27 09:38:35 rich https://2ndart.hatenablog.com/entry/2021/06/27/093835 1.0 100%