Leaflet 扩展L.Control功能时如何使用自定义模板？

创建传单贴图时，我当前通过扩展L.控件以编程方式添加菜单和图例，如下所示：

var overlaysMenuCtrl = L.Control.extend({
    onAdd: function(map){
        var container = L.DomUtil.create('div', 'legend');
        container.innerHTML = '<div id="mainMenu"><ul><li>blah</li></ul>';
        return container;
    }
});

然后，模板可以如下所示：

<div>
    <ul>
        <li>A list item</li>
        <li>and so on...</li>
    </ul>
</div>

单子
等等

问题是，如果我使用上述方法，我必须缩小并删除代码中的换行符/空白等，并使每次更新都变得相当乏味。谢谢你的提示

我建议使用javascript

该脚本在CDN上可用

<script src="//cdnjs.cloudflare.com/ajax/libs/mustache.js/2.2.1/mustache.min.js" type="text/javascript"></script>

<script src="//cdnjs.cloudflare.com/ajax/libs/mustache.js/2.2.1/mustache.min.js" type="text/javascript"></script>

document.getElementById('menu1').innerHTML