Dual map example

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

2022-yuuji-TwinMapWithImage

Dual map example

Exercise

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

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

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

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