Fork: 1

C120020-koki / 2022-yuuji-TwinMapWithImage

forked from LeafletGo/2022-yuuji-TwinMapWithImage

Dual map example

Download ZIP 50 commits

latest commit c8cbe09550 Ito Koki authored on 4 Oct 2022
	.gitignore	Ignore files added	3 years ago
	.hgignore	Ignore files added	3 years ago
	4dr.css	Portrait/Landscape condition added	3 years ago
	4dr.js	Initial example	3 years ago
	README.md	Link to Asahi	3 years ago
	Yellow.png	add icon	3 years ago
	asahi-chuo.jpg	Add asahi-map	3 years ago
	asahi-chuo2.jpg	Map revised	3 years ago
	asahi-chuo2.xcf.bz2	Map revised	3 years ago
	asahi.html	add stamp	3 years ago
	asahi.js	判定強化	3 years ago
	csv.min.js	add csv	3 years ago
	img.png	add stamp	3 years ago
	index.html	add singleclick	3 years ago
	latlng.csv	add point	3 years ago
	sengoku.png	add stamp	3 years ago
	singleclick.js	add singleclick	3 years ago
	virtualmap.jpg	Initial example	3 years ago

README.md

2022-yuuji-TwinMapWithImage

Dual map example

map
asahi

Exercise

このマップをcloneしましょう。そのうえで以下の改良を加えてみましょう。

現在左のマップを動かすと右のマップが同期します。追加で、右のマップの操作で左が同期するようにしてください。
左のマップにGPSの現在位置をマーカー表示する機能を足してください。

何はなくともここをしっかり見る。

https://leafletjs.com/reference.html#map-example