openlayers3 - 将节点设置为ol.control.FullScreen控件的标签

Question

我正在尝试将自定义范围（<span class="fa fa-expand"></span>）设置为openlayers 3 FullScreen控件的标签。

根据文件，这应该是可能的。文档说明：

  

标签字符串|节点|未定义的实验

     

用于按钮的文本标签。默认为\ u2922（NORTH EAST AND   西南箭头。而不是文本，也是节点（例如跨度元素）   可以使用。

我尝试设置这样的标签：

let fullScreenControl = new ol.control.FullScreen({
     className: 'fullScreen-button',
     label: '<span class="fa fa-expand"></span>'
});

但这似乎是html编码我的标签。当我在开发者控制台中检查生成的按钮时，它会添加<span> ...

有人可以指导我如何将“节点”设置为标签，或者通常是将自定义范围设置为控件标签的正确方法吗？感谢

Answer 1

您需要创建一个元素对象：

var mySpan = document.createElement("span");
mySpan.className = "fa fa-expand";

var fullScreenControl = new ol.control.FullScreen({
  className: 'fullScreen-button',
  label: mySpan
});