添加新控件后，傳單地圖不起作用

Question

添加Leaflet.MousePosition 后，我的地圖不顯示。

var lmap = new L.map("lmap", {
  zoomControl: false,
  maxZoom: 11,
  minZoom: 3,
}).setView([34.543896, 63.160652], 6);
L.control.zoom({
  position: 'topright'
}).addTo(lmap);
lmap.addControl(new L.Control.Fullscreen({position: 'bottomleft'}));
L.control.mousePosition({position: 'bottomright'}).addTo(lmap);

Answer 1

您正在使用map但您必須使用lmap

L.control.mousePosition({position: 'bottomright'}).addTo(lmap);

此外，您必須將庫 src 添加到您的項目中。

將以下內容添加到您的 html 文件中：

<script src="https://cdn.jsdelivr.net/npm/leaflet-mouse-position@1.2.0/src/L.Control.MousePosition.min.js"></script>