Dual map example

@HIROSE Yuuji HIROSE Yuuji authored on 22 Oct 2024
.gitignore Ignore files added 3 years ago
.hgignore Ignore files added 3 years ago
4dr.css getimage.html added 1 year ago
4dr.js Show bounds() as nested array. 3 years ago
README.md Add link to getimg 1 year 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 Add base layers 2 years ago
getimage.html getimage.html added 1 year ago
getimage.js getimage.html added 1 year 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