怎样加个复选框。

日出
  • 22

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);
回复
阅读 728
2 个回答
✓ 已被采纳
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;
}

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

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

宣传栏