【问题标题】:Can I add additional custom icons to the Leaflet.PM Toolbar我可以向 Leaflet.PM 工具栏添加其他自定义图标吗
【发布时间】:2019-04-09 11:56:32
【问题描述】:

我正在尝试使用 Leaflet.pm 库 (https://github.com/codeofsumit/leaflet.pm)。我想知道是否可以向工具栏添加其他图标。例如,有标准的折线图标,但我想添加另一条具有虚线样式的折线。蒂亚

【问题讨论】:

  • 为什么投反对票?文档和示例是有限的,否则我不会问这个新手问题。

标签: leaflet toolbar leaflet-geoman


【解决方案1】:

我是 Leaflet.pm 的维护者 Sumit

图标通过 CSS 类添加为background-image。折线的 CSS 类是 leaflet-pm-icon-polyline。您只需在浏览器中使用开发人员工具检查按钮即可查看详细信息。

要更改图像,请将不同的background-image 应用于按钮 CSS 类,如下所示:

.leaflet-pm-icon-polyline {
  background-image: url("path/to/myOtherIcon.png") !important;
}

它没有被特别记录,因为它不是 leaflet.pm 的一个特性——它是标准的 CSS 行为。希望这对您有所帮助!

【讨论】:

  • 感谢您的回复。我实际上很想知道是否可以通过选项向工具栏添加其他图标。例如,我想要一条红色折线、一条绿色折线、一条绿色 alt 折线等。这可能吗?
  • 是的,但我没有为它公开特定的 API,所以你必须进入 Leaflet.pm 领域并使用 L.Control。可能有点麻烦。您的用例是否也可以通过向 leaflet.pm 添加样式选择器来解决,让用户更改图层样式、颜色等?无论哪种方式,请随时在此处打开功能请求:github.com/codeofsumit/leaflet.pm
  • 是的,我的用例是拥有一个样式选择器。我想通过在 pm:drawstart 事件期间添加我自己的样式选择器来自己做这件事。它非常基本,但如果它对我有用,那么我将不需要功能请求。再次感谢您与我们联系
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-09-02
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多