我添加了 Leaflet easybutton 但它不起作用

Question

我需要添加一个像家一样的按钮来重置地图。我使用了 Leaflet.EasyButton 但它没有显示在我的地图上。它甚至没有在控制台中显示任何错误。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet-easybutton@2/src/easy-button.css">
<script src="https://cdn.jsdelivr.net/npm/leaflet-easybutton@2/src/easy-button.js"></script>

这是我的传单 js 文件，

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', numDigits: 3}).addTo(lmap);
L.control.scalefactor().addTo(lmap);
L.easyButton( 'fa-gbp', function(){
  lmap.setView([55, -2], 4);
}).addTo(lmap);

Answer 1

按预期工作Demo

OP 下载了 src 文件，然后成功了。

var lmap = new L.map("lmap", {
  zoomControl: false,
  maxZoom: 11,
  minZoom: 3,
}).setView([34.543896, 63.160652], 6);

L.easyButton( 'fa-gbp', function(){
  lmap.setView([55, -2], 4);
}).addTo(lmap)

我添加了 Leaflet easybutton 但它不起作用

I added the Leaflet easybutton but it's not working

javascript

leaflet

geodjango