晴歩雨描

晴れた日は外に出て歩き、雨の日は部屋で絵を描く

地図・マップ

LeafletでGPSログ(GPX)地図:移動距離、所要時間、出発時間、到着時間、最高地点、最低地点表示。Google マップ、OpenStreetMap、国土地理院地図、Esri World Topo Map。

前回、地図データを扱うJavaScript ライブラリ「Leaflet」を使って、GPSログ(GPXファイル)を地図に表示してみた。 今回、この地図に以下の機能の追加をした。サーバーサイドの処理なしで、すべてJavaScriptで行っている。 開始地点と終了地点のマーカーにポ…

Leafletで、GPSログ(GPX)を地図に表示する。Google マップ、OpenStreetMap、国土地理院地図、Esri World Topo Map。

地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図表示を試してきた。 今回、GPSログ(GPXファイル)を地図に表示してみた。参考にしたのは以下のページ。 「Leaflet」のプラグイン「leaflet-gpx」を使う。 まず、「leaflet-gpx」のJavaScript…

灘五郷、京都伏見、兵庫播磨、広島西条の酒蔵マップ、甲州ワイナリーマップをLeafletで作成。Google マップ、OpenStreetMap、国土地理院、Esri World Topo Map。

過去に、灘五郷、京都伏見、兵庫播磨、広島西条の酒蔵マップ、甲州ワイナリーマップを、「Googleマイマップ」、「Google Maps API」、「Yahoo! マップAPI」で作成した。「Google Maps API」、「Yahoo! マップAPI」版はすでに使用できなくなっている。 今回、…

Leaflet地図:現在地表示ボタン追加。位置情報継続的更新。サンプルソース。

地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図表示を試してきた。 「Leaflet」を使って、「Google マップ」「OpenStreetMap」「国土地理院」「Esri World Topo Map」などの地図を表示できる。 今回、「Leaflet」を使った地図に「現在地表…

Leaflet地図:クリックした地点の緯度・経度、標高を表示。サンプルソース。

昨日から「Leaflet」を使って「Google マップ」「OpenStreetMap」「国土地理院」「Esri World Topo Map」の地図表示を試している。 この地図に以下の機能を追加。 地図上の任意の地点をクリックしてマーカー表示 地点をクリックし直したら、先のマーカーは削…

Leaflet地図:Google MAPS APIなしでGoogleマップが使える。APIキーも不要。サンプルソース。

昨日、「Leaflet」を使って「OpenStreetMap」「国土地理院」「Esri World Topo Map」の地図表示を試した。 「Leaflet」を使えば、「Google MAPS API」なしで「Google マップ」が使える。APIキーも要らない。 地図オブジェクトを生成して「Google マップ」の…

Leaflet地図:「国土地理院」と「Esri World Topo Map」に切り替え。サンプルソース。

先ほど、「Leaflet」と「OpenStreetMap」を使って、地図にマーカー表示を試した。 この地図を、「OpenStreetMap」から「国土地理院地図」と「Esri World Topo Map」に切り替えできるようにしてみた。以下のサイトを参考にした。 「Leaflet」では、これ以外に…

Leaflet + OpenStreetMapで「兵庫県 日本百選マップ」作成。

以前作成した「日本百選:兵庫県マップ」は、Googleの規約変更により地図が表示されなくなっている。 「Leaflet」と「OpenStreetMap」を使って「兵庫県 日本百選マップ」作成。 【4/29追記】初期表示を「Google マップ」に置き換え。 さくら名所、紅葉、棚田…

Leaflet + OpenStreetMapで「日本三百名山マップ」作成。

先ほど、「Leaflet」と「OpenStreetMap」を使って、地図にマーカー表示を試してみた。 以前作成した「Google Maps API」を使った「日本三百名山マップ」は、Googleの規約変更により地図が表示されなくなっている。 今回、「Leaflet」と「OpenStreetMap」を使…

Leaflet + OpenStreetMapで、地図にマーカー&ラベル表示。サンプルソース。

地図情報を扱うサービス「Google Maps API」が無料では使えなくなり、「Yahoo! JavaScriptマップAPI」もサービス提供が終了し、以前「Mapbox GL JS」を試してみた。 今回、「Leaflet」と「OpenStreetMap」を使って、地図にマーカー表示を試してみた。 「Leaf…

Googleルートマップ:甲山森林公園、北山緑化植物園、奥池。

最近歩いた甲山森林公園、北山緑化植物園、奥池のGPSログをGoogleマップのマイマップで重ねてみた。 Googleマップのマイマップは最大10個までしかGPSログをインポートできないので、最近のGPSログ10個をインポート。

Windy.comは、山の天気予報にも使える。標高別の気温や風速。雲の厚さ。

以前に、Windy.com に関する以下の記事を書いた。 山の天気予報についても書いた。 Windy.com は、山の天気予報にも使える。(以下、パソコンブラウザ画面) マウスでクリックすると、その地点のベーシックな天気予報が表示される。 画面下のメニューで、[M…

神戸六甲山系)2020/8、登山道通行止状況。(2020/11/16時点変更)

六甲山では、梅雨の長雨の影響等で土砂崩れなどで通行止めになっているところがある模様。 一時期、芦屋ロックガーデンの風吹岩周辺も立ち入り禁止になっていた情報もある。 ※ 下の地図は、神戸市六甲山のホ-ムページ2020年7月22日時点のもの。(2020年11月…

地図アプリ「Windy Maps」は登山道のルート検索もできる。

風速、雨、雪、気温などの天気予測を地図で確認できる「Windy.com」を使っているが、同じ会社が提供しているスマホ用地図アプリ「Windy Maps」というのがある。 Google マップと違って、登山道が表示される。 普段、山歩きでは YAMAP(ヤマップ)を使ってい…

Mapbox GL JS)現在地表示、マーカー表示、地点検索、ルート検索。

↑の続き。 「Mapbox GL JS」を使って、簡単なWebマップを作ってみた。 「Yahoo! JavaScriptマップAPI」や「Google Maps JavaScript API」に比べて、簡単な事をするだけならシンプルで使いやすい。地図そのものは、慣れの問題かもしれないが、Googleマップに…

Mapbox GL JS)トークン取得と地点名の日本語表記。

「Yahoo! JavaScriptマップAPI」が、2020年10月31日にサービス提供を終了する。 代替サービスとして「Mapbox」が紹介されているので、「Mapbox GL JS」を使ってみた。 以下、参考ドキュメント。 ≪Tutorials | Help | Mapbox≫ https://docs.mapbox.com/help/t…

「Yahoo! JavaScriptマップAPI」がサービスを10月31日で終了する。

「Yahoo! JavaScriptマップAPI」が、2020年10月31日にサービス提供を終了するらしい。 この案内によれば、以下のサービスが終了するらしい。かなり痛い。 Yahoo! JavaScriptマップAPI Yahoo!スタティックマップAPI Yahoo! iOSマップSDK Yahoo! Androidマップ…

日本百名城、マップ作成。

日本百名城マップを、Googleマップのマイマップで作成。 北海道 松前城(福山城) 北海道松前町 北海道 根室半島チャシ跡群 北海道根室市 北海道 五稜郭 北海道函館市 青森県 弘前城 青森県弘前市 青森県 根城 青森県八戸市 岩手県 盛岡城 岩手県盛岡市 秋田県…

日本百名橋、マップ作成。

日本百名橋マップを、Googleマップのマイプレイスで作成。 北海道 旭橋 北海道旭川市 北海道 幣舞橋 北海道釧路市 北海道 豊平橋 北海道札幌市豊平区 青森県 湊橋 青森県八戸市 岩手県 上の橋 岩手県盛岡市 秋田県 蛇の崎橋 秋田県横手市 山形県 臥龍橋 山形…

灘五郷、京都伏見、兵庫播磨、広島西条酒蔵マップ、甲州ワイナリーマップを、Googleマップのマイマップで作成。

過去に、灘五郷、京都伏見、兵庫播磨、広島西条の酒蔵マップ、甲州ワイナリーマップを、「Google Maps API」や「Yahoo! マップAPI」で作成した。 今回、これら灘五郷、京都伏見、兵庫播磨、広島西条の酒蔵マップ、甲州ワイナリーマップをGoogleマップのマイ…

台風10号接近)Windy.comの現時点、12時間後、24時間後の予測地図を、このブログに直接貼り付けてみた。

台風10号が近づいている。 以前パソコン用検索ポータル「2nd Sch」を作成した。 「Windy3面」ボタンを押すと、Windy.comの現時点、12時間後、24時間後の天気(雨・雪・風)の予測地図を同時に並べて確認できる。 以下は「2nd Sch」紹介ブログ記事。 今回、現…

Windy.comは、ECMWF(ヨーロッパ中期予報センター)予測だけでなく、GFS(アメリカ海洋大気庁)予測に切り換えできる。

以前に、Windy.comに関する以下の記事を書いたが、Windy.comは、ECMWF(ヨーロッパ中期予報センター)予測だけでなく、GFS(アメリカ海洋大気庁)予測に切り換えできる。 パソコンでは、画面右下の選択肢で切替できる。 ECMWF(ヨーロッパ中期予報センター)…

ヨーロッパ鉄道時刻表と鉄道地図。ヨーロッパ鉄道旅行の思い出。

「朝日新聞GLOBE+」で、中国では無くなった紙の時刻表を日本で発行している団体があるという記事を見た。発行部数は約2500部。採算度外視の趣味&ボランティアの領域と思われる。 昔、ヨーロッパへ行く時にお世話になったトーマスクックの「ヨーロッパ鉄道…

「日本の棚田百選マップ」をGoogleマップのマイマップで作成。

「日本の棚田百選マップ」をGoogleマップのマイマップで作成。選ばれている棚田は九州が多い。 岩手県 山吹 岩手県一関市 山形県 四ヶ村の棚田 山形県大蔵村 山形県 大蕨 山形県山辺町 山形県 椹平 山形県朝日町 宮城県 西山 宮城県栗原市 宮城県 沢尻 宮城…

「日本のさくら名所100選マップ」をGoogleマップのマイマップで作成。

以前、「日本のさくら名所100選マップ」を「Google Maps API」を使って作成したが、APIキーなしでは使えなくなったので、Googleマップのマイマップで作成し直した。 作成手順は、以下を参照。 ↓ 使えなくなっているGoogle Maps API版「日本のさくら名所100選…

Google Maps API)chart.apis.google.comが使えなくなったので、マーカーラベルにMarkerWithLabelを使った。

Google Maps APIを使った地図ページを自分用に運用している。(Google Maps APIを使ったWebアプリを使用するためには、APIキーが必須で、APIキー取得のためにはアカウントにクレジット情報の登録が必須になったので、現在はプライベートな自分用のWebページ…

ブログの桜記事の行先地点マップをGoogleマップのマイマップで作成。

このブログで桜名所や一本桜などについて書いた記事の行先地点マップをGoogleマップのマイマップで作成。 マーカーをクリックすると、ブログ記事のURLリンクが表示される。 作成方法は、以下のようなExcelファイルを作成して、Googleマップのマイプレイスに…

Google Maps API使用のため、Google Cloud Platformを試してみた。

2018年夏頃より、Google Maps APIを使ったWebアプリを使用するためには、APIキーが必須になり、APIキー取得のためにはアカウントにクレジット情報の登録が必須になった。 旅行先などで行きたい場所をマーキングしたオリジナルのGoogleマップを作成し、旅行先…

日本全国一本桜「桜名木マップ」をGoogleマップのマイマップで作成。緯度経度入りのCSV、Excelで。

以前、「桜名木マップ」を「Google Maps API」を使って作成したが、APIキーなしでは使えなくなったので、「桜名木マップ」をGoogleマップのマイマップで作成し直した。 【作成手順:備忘録】 1.緯度経度や名前などの入ったCSVファイルまたはExcelファイル…

「日本三百名山マップ」をGoogleマップのマイマップで作成。

以前、「日本三百名山マップ」を「Google Maps API」を使って作成したが、APIキーなしでは使えなくなったので、「日本三百名山マップ」をGoogleマップのマイマップで作成し直した。 ↓ 「Leaflet + OpenStreetMap」版の三百名山マップ。 ↓ 「Google Maps API…