2021-06-01から1ヶ月間の記事一覧
6月30日。摩耶ケーブル虹の駅→掬星台→摩耶自然観察園→桜谷道→徳川道→神戸森林植物園。7km。3時間30分。 桜谷道は、沢渡りが数か所あるので、雨が降った後は注意。 摩耶ケーブル沿いと摩耶山上では紫陽花が咲いている。 神戸森林植物園東門から入るためには、…
6月29日。阪神香露園駅→阪急夙川駅→苦楽園口駅周辺まで夙川沿いを往復。5.4km、2時間。 香露園から夙川駅の間には夾竹桃がたくさん咲いている。 夙川駅周辺の紫陽花はほとんど終わっているが、苦楽園口近くはまだ残っている。 野鳥、カワラヒワ、アオサギ、…
地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図表示を試してきた。 今回、「日本酒生産量:都道府県別マップ」を作成した。(↓) 「knooto.info」の以下の地図とJavaScriptを参考にした。 都道府県別の県境データは、政府CIOポータル「IT…
地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図表示を試してきた。 今回、国土地理院の「ハザードマップ」を重ねて表示してみた。 以下の7つを重ねて表示できるようにした。 洪水浸水想定区域(想定最大規模) 浸水継続時間(想定最大規模…
地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図表示を試してきた。 今回、「OpenWeatherMap」の降水量、雲、気圧図を重ねて表示できるようにした。 APIキーが見えてしまうので、作成したページはとりあえず非公開。 【サンプルソース抜粋…
6月21日。夏至。神戸市最高気温29度。日差しはきついが、湿気が少なく日陰は爽やかで気持ちいい。 あいな里山公園。神戸電鉄藍那駅から往復。7km、4時間。 田んぼの田植えが終わっている。 ホトトギスの声が園内全域でよく聞こえた。ウグイスの声もよく聞こ…
地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図表示を試してきた。 今回、Leaflet地図に「OpenWeatherMap」の天気予報を表示してみた。 「OpenWeatherMap」のAPIを使用するには、APIキーが必要になるので、取得しておく。 【当日の天気取…
購入したワインのラベルに鳥の絵が描いてあった。ローガンワインズ(Logan Wines)のWeemala Pinot Noirというワイン。 何の鳥か調べてみた。 「ルリオーストラリアムシクイ」という鳥らしい。 ネットで探してみると、とてもきれいな瑠璃色の鮮やかな鳥。 ル…
6月17日。神戸森林植物園。 紫陽花は種類が多いので、開花状況にはバラツキがある。全体的には五分咲き程度か? 野鳥、ウグイス、センダイムシクイ、コゲラ、ホオジロ、ヤマガラ、メジロ、カワラヒワ、イソヒヨドリ。 シモツケ ワルナスビ オカトラノオ キン…
地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図表示を試してきた。 今回、「新潟酒蔵マップ」を作成した。 「LinkData」のデータを使わせてもらった。 「LinkData」のデータをCSVファイルにして、CSVファイルを読み込む方式にした。 →→→ h…
地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図表示を試してきた。 今回、「日本シームレス地質図 V2」を使って、地質図をオーバーレイしてみた。 【サンプルソース】 var Overlay_Map = new Array(); Overlay_Map[ 0 ] = L.tileLayer('ht…
地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図表示を試してきた。 今回、国土地理院のジオコーダーを使って、住所から緯度経度を取得して地図にマッピングを試した。 【プログラムソースサンプル】 function addrSearch(address) { // 国…
地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図表示を試してきた。 今回、地図のオーバーレイを試した。 国土地理院の「地理院タイル」を使った。 国土地理院 の「色別標高図」「陰影起伏図」を使った。 var Overlay_Map = new Array(); O…
地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図表示を試してきた。 今回、世界遺産マップを作成。2013年までの登録遺産を登録。 →→→ 世界遺産マップ(Leaflet版) マーカーをクリックすると、情報パネルを表示。名前をクリックするとGoogl…
地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図表示を試してきた。 ネット上で「Leaflet」に関する情報を検索する中で、Leafletを使ったすごい地図をいくつか見つけた。 【天気情報をオーバーレイ:OpenWeatherMap】 →→→ Interactive weat…
地図データを扱うJavaScriptライブラリ「Leaflet」を使って、地図表示を試してきた。 今回、Leaflet地図に2つの機能を追加する方法。 【オープン時に現在地を表示をする】 ≪プログラムソース≫ 現在地にマーカーを表示するようにした。 <style> .center-icon { width…
6月10日。神戸電鉄鵯越駅→烏原貯水池一周→鵯越駅。6km。3時間20分。 野鳥、カワセミ、ヤマガラ、シジュウカラ、コゲラ、メジロ、イソヒヨドリ。カワセミは久しぶり。 カワセミ カワセミ カワセミ ヤマガラ シジュウカラ コゲラ メジロ イソヒヨドリ(メス)
地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図表示を試してきた。 「Leaflet」では、ルート検索もできる。※ ただし、ルート検索機能を付けたページは非公開(以下に詳細)。 「Leaflet」のルート検索では登山道も対象になる。これは「Win…
6月8日。有馬富士公園。三田市の最高気温30度。日差しの下ではかなり暑い。JR新三田駅から武庫川沿い経由で往復。8km、4時間。 あちこちでヤマボウシが咲いている。 野鳥は武庫川沿いを含めてホオジロが多かった。他には、ソウシチョウ、キビタキ、キセキレ…
6月7日。阪急甲東園駅→甲山森林公園→広河原→甲山森林公園→阪急甲陽園駅。7.7km、3時間40分。 紫陽花が結構咲いている。 野鳥、イソヒヨドリ、センダイムシクイ、エナガ、シジュウカラ、カルガモ。 タイサンボク イソヒヨドリ イソヒヨドリ センダイムシクイ …
地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図表示を試してきた。 Leafletでも、ルート検索(経路検索)ができる。ただし、ルート検索のエンジンサーバーがデモ用しかなさそうなので、公式に利用可能かどうかが不明。 ということで、ルー…
地図データを扱うJavaScriptライブラリ「Leaflet」を使って、地図表示を試してきた。 前回、KMLファイルのLeaflet地図表示を試した。前回はJavaScriptライブラリ「leaflet-kml」を使った。 今回、JavaScriptライブラリ「leaflet-kml」を使わずに、KMLファイ…
地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図表示を試してきた。 今回、KMLファイルのLeaflet地図表示を試した。JavaScriptライブラリ「leaflet-kml」を使った。 【プログラムソースサンプル】 <script src="js/L.KML.js"></script> <script> var map = L.map('map'); var tileLayer…
地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図表示を試してきた。 前回、ライブラリ「Leaflet.fullscreen」を使って、フルスクリーン表示機能を追加した。 今回、「Leaflet.fullscreen」を使わずに、「document.body.requestFullscreen()…