Leaflet #052 – 中央に十字線を表示

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

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

• 参考文献
  Leaflet
  Leaflet.CenterCross