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

问题描述

我需要添加一个按钮，例如主页，以重置地图。我使用了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);

解决方法

工作正常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)

geodjango javascript leaflet