在openlayers5中使用图标样式化绘制功能

时间:2019-08-22 19:31:50

标签: javascript openlayers-5

我在地图上相应地添加了ol绘制功能openlayers 5的示例。它包含一个选择选项,如点,多边形,线串,并在地图下方显示为下拉菜单。我想在地图上将其显示为工具栏,其中的下拉功能将使用fontawesome图标水平显示。当我单击一个图标时,它开始绘制。为此,我按ul类更改了选择选项。谁能帮助我如何在javascript功能中添加此ul类?

  <ul class="tool">
      <li><a role="tab"><i class="fas fa-draw-polygon"></i></a></li>
      <li><a role="tab"><i class="fas fa-vector-square"></i></a></li>
      <li><a role="tab"><i class="fas fa-map-marker-alt"></i></a></li>
      <li><a role="tab"><i class="far fa-circle"></i></a></li>
      <li><a role="tab"><i class="fas fa-info-circle"></i></a></li>
      <li><a role="tab"><i class="fa fa-bar-chart"></i></a></li>
      <li><a role="tab"><i class="fas fa-route"></i></a></li>
      <li><a role="tab"><i class="fas fa-ruler-horizontal"></i></a></li>
      <li><a role="tab"><i class="fa fa-line-chart"></i></a></li>
    </ul>

0 个答案:

没有答案