openlayers3 - 將節點設置爲ol.control.FullScreen控件的標籤

Question

我試圖將自定義跨度（<span class="fa fa-expand"></span>）設置爲openlayers 3 FullScreen控件的標籤。

根據文檔，這應該是可能的。該文檔指出：

label string |節點|未定義實驗

用於按鈕的文本標籤。默認爲\ u2922（東南和 西南箭頭）。也可以使用節點（例如跨度元素） 來代替文本。

我嘗試設置標籤是這樣的：

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 
});