向Leaflet地图添加一个按钮，并将其设置为原始按钮的样式

Question

Codepen：https://codepen.io/anon/pen/vmbmqK?editors=1011

我尝试重用原始的Leaflet类（而不是重复他们的CSS），但他们的CSS有一个:a，而Bootstrap的模态需要一个按钮，并且不能使用锚点。围绕这个的hacky方法是使用一个锚并听取点击以使用Javascript手动打开Bootstrap模式，但我想听听其他[更好]选项。

有被告知提出另一个问题的风险（在这种情况下我会完全删除这一段，因为它不太重要），我也想研究一下这个问题是否也是如此。部分代码可以用更直接的东西替换，尤其是'onAdd': () => {return：

let filterButton = L.Control.extend({
  'onAdd': () => {
    return $(`
<button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#exampleModal">
Filter
</button>
`)[0];
  },
});