Dual map example

@HIROSE Yuuji HIROSE Yuuji authored on 8 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
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 Get map image with BigImage 3 years ago
asahi.js Get map image with BigImage 3 years ago
index.html Initial example 3 years ago
virtualmap.jpg Initial example 3 years ago
README.md

2022-yuuji-TwinMapWithImage

Dual map example

Exercise

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

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

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

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