晴歩雨描

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

LeafletでGPSログ(GPX)地図:30分間隔時間ラベル表示ロジックを修正。

地図データを扱うJavaScriptライブラリ「Leaflet」を使って、GPSログ(GPXファイル)の地図表示を試している。

前回、ルート上に30分間隔で時間をラベルで表示するようにした。

しかし、GPXログに一定時間空白の時間帯があると、表示される時間ラベルが途中で30分以上の間隔が空いて、その後時間が次第にずれる事が分かった。極力、開始地点からの30分間隔刻みで時間ラベルを表示するように修正した。

https://ok2nd.github.io/leaflet/gpx.html?gpx=gpx/2017_yakushima.gpx

f:id:art2nd:20210515114419j:plain

修正前

f:id:art2nd:20210515114431j:plain

修正後

以下、JavaScriptの修正箇所。

JavaScripthttps://ok2nd.github.io/leaflet/js/my-gpx-1.6.js

var pointCnt = 0;
// var preTime = 0;
map = L.map('map');
for (var i=0; i<(elements.length-1); i++) {
	let pos = gpxParse(elements.item(i));
	if (i == 0) {
		var startTime = pos['time'].getTime();
	} else {
		let before = gpxParse(elements.item(i-1));
		distTotal += distance(before['lat'], before['lon'], pos['lat'], pos['lon'], false);
	}
	height = parseFloat(pos['ele']);
	if (height_max < height) height_max = height;
	if (height_min > height) height_min = height;
	chartEle[i] = [pos['time'].getTime() + 60*60*9*1000, parseInt(height)];	// 日本時間
	routeLatLng[i] = [pos['lat'], pos['lon']];
//	if (pos['time'].getTime() > (preTime + (60*30*1000)) ) {	// 30分間隔
	if (pos['time'].getTime() > (startTime + (60*30*1000) * pointCnt) ) {	// 30分間隔
		timeLavel(pos['lat'], pos['lon'], pos['time']);
//		preTime = pos['time'].getTime();
		pointCnt++;
	}
}

兵庫県)尼崎農業公園。バラが見ごろ。野鳥、キビタキ、コサメビタキ。

5月13日。尼崎農業公園。

阪急園田駅猪名川河川敷→猪名川風致公園→猪名川公園→尼崎農業公園→JR猪名寺駅。8km。3時間30分

尼崎農業公園はバラが見ごろ。少しピークは過ぎているかも。

猪名川河川敷では、飛んでいるカワセミを見つけたが写真には撮れなかった。ところどころで、オオヨシキリの鳴き声が聞こえたが、これも写真には撮れなかった。

尼崎農業公園では、キビタキコサメビタキが撮影できた。キビタキは今シーズン2回目。

f:id:art2nd:20210513165719j:plain

f:id:art2nd:20210513165920j:plain

f:id:art2nd:20210513165923j:plain

f:id:art2nd:20210513165926j:plain

f:id:art2nd:20210513165930j:plain

f:id:art2nd:20210513165933j:plain

f:id:art2nd:20210513165937j:plain

f:id:art2nd:20210513165941j:plain

f:id:art2nd:20210513165944j:plain

f:id:art2nd:20210513165948j:plain

f:id:art2nd:20210513165952j:plain

f:id:art2nd:20210513165956j:plain

f:id:art2nd:20210513170108j:plain

f:id:art2nd:20210513170113j:plain

f:id:art2nd:20210513170118j:plain

f:id:art2nd:20210513170121j:plain

f:id:art2nd:20210513170143j:plain

f:id:art2nd:20210513170146j:plain

f:id:art2nd:20210513170150j:plain

f:id:art2nd:20210513170153j:plain

f:id:art2nd:20210513170157j:plain

f:id:art2nd:20210513170323j:plain

キビタキ

f:id:art2nd:20210513170337j:plain

コサメビタキ

LeafletでGPSログ(GPX)地図:ルート上に30分間隔で時間をラベルで表示。

地図データを扱うJavaScriptライブラリ「Leaflet」を使って、GPSログ(GPXファイル)の地図表示を試している。

今回、ルート上に30分間隔で時間をラベルで表示するようにした。

https://ok2nd.github.io/leaflet/gpx.html?gpx=gpx/T2019-05-27-14-46.gpx

f:id:art2nd:20210511150404j:plain

f:id:art2nd:20210511150408j:plain

ファイルアップロード版も同様に変更した。

https://ok2nd.github.io/leaflet/gpx-upload.html


兵庫県)加古大池、水辺の里公園。コムクドリ、コサメビタキ、ケリ、ヒバリ、オオヨシキリ、ホオジロ、ツバメ、コゲラ、センダイムシクイ、シジュウカラ、カワラヒワ、ダイサギ、コサギ、カルガモ。

5月10日。兵庫県加古郡稲美町の水辺の里公園、加古大池。JR土山駅からバスで十七丁バス停。十七丁バス停→水辺の里公園→加古大池→上新田北口バス停。6.4km、3時間。

f:id:art2nd:20210510174337j:plain

野鳥は、コムクドリを初めて撮影できた。

今まで一回程度しか撮影していないコサメビタキ、ケリ、ヒバリ、オオヨシキリも撮影できた。

他には、ホオジロ、ツバメ、コゲラセンダイムシクイシジュウカラカワラヒワダイサギコサギカルガモ

ホオジロは親子の餌やりも撮影できた。ツバメも幼鳥らしき個体のいい写真が撮れた。親が餌をやる瞬間は撮り損ねた。

f:id:art2nd:20210510181042j:plain

ムクドリ

f:id:art2nd:20210510181112j:plain

ムクドリ

f:id:art2nd:20210510181130j:plain

コサメビタキ

f:id:art2nd:20210510181149j:plain

ケリ

f:id:art2nd:20210510181203j:plain

ケリ

f:id:art2nd:20210510181222j:plain

ヒバリ

f:id:art2nd:20210510181241j:plain

オオヨシキリ

f:id:art2nd:20210510181249j:plain

オオヨシキリ

f:id:art2nd:20210510181312j:plain

ホオジロの親子

f:id:art2nd:20210510181328j:plain

ホオジロの親子

f:id:art2nd:20210510181416j:plain

ツバメ

f:id:art2nd:20210510181428j:plain

ツバメ

f:id:art2nd:20210510181445j:plain

ツバメ

f:id:art2nd:20210510181507j:plain

ツバメ

f:id:art2nd:20210510181527j:plain

コゲラ

f:id:art2nd:20210510181632j:plain

センダイムシクイ

f:id:art2nd:20210510181648j:plain

シジュウカラ

f:id:art2nd:20210510181724j:plain

カワラヒワ

f:id:art2nd:20210510181742j:plain

カワラヒワ

f:id:art2nd:20210510182039j:plain

ダイサギ

f:id:art2nd:20210510182053j:plain

コサギ

f:id:art2nd:20210510182118j:plain

カルガモ