怎样加个复选框。

Question

feaflet加一图片，我希望有个复选框能选择显示还是隐藏这个图片。
请问怎么做。谢谢，。
我的代码：

var north = L.control({position: "bottomright"});
north.onAdd = function(map) {
var div = L.DomUtil.create("div", "info legend");
 div.innerHTML = '![](qq.png)';
  return div;
}
north.addTo(map);

Answer 1

var north = L.control({position: "bottomright"});

north.onAdd = function(map) {
    var div = L.DomUtil.create("div", "info legend");
    div.innerHTML = `
        <input type="checkbox" name="" class="mycho" value="" />显示/隐藏图片
        <br>
        <img src="qq.png">
    `;
    return div;
}
north.addTo(map);

然后css去控制

.mycho:checked ~ img{
    display: none;
}

Answer 2

谢谢老师。
我现在想这样，代码如下：
qq = new L.tileLayer('qq.png');
var overLayers = {""QQ": qq,};
var layerControl=L.control.layers(baseLayers, overLayers);
map.addControl(layerControl);

但是这样导致图片平铺了。
怎样才能图片居中而且不平铺？