画像




中央に十字線を表示するメモ。


Leaflet.CenterCrossプラグインで中央に十字線を表示可能。




画像




npmでインストール。

npm install leaflet-center-cross




プラグインのJSを読み込み。

main.js

// CSS一式を読み込んでパッケージ
import "leaflet/dist/leaflet.css";
import "./css/style.css";

// JS一式を読み込んでパッケージ
import 'leaflet-center-cross';
import './js/script.js';




中央に十字線を表示。

script.js

//中央に十字線表示
L.control.centerCross({
show: true,
position: "topleft"
}).addTo(map);






Leafletを手軽に始めるビルド環境公開しています。
leaflet-starter







Q&A