如何确定用传单标记divIcon添加的文本的大小？

编程问答 2022-06-04

问题描述

 var z =10;

    var icon = L.divIcon({
        iconSize: null,html: ' <label>TEST</label>',className: 'dummy'
    });
    var marker = L.marker([51.462268,-0.109344],{
        icon: icon,draggable: true
    }).addTo(map);


    map.on('zoomend',function () {

        var newzoom =  (z+(map.getZoom())) + 'px';
       
        $('.dummy').css({ 'color': 'blue','font-size': newzoom }); 


     });

我想要我想做的测试文章，例如l.circlemarker，随着缩放级别的增加，测试文章的增长，而随着缩放级别的降低，我希望测试文章缩小而不移位。 L.draw插件中提供了这个圆形标记，矩形，折线，但是我无法解决

根据我编写的代码在9和15缩放中创建的测试文本图像

enter image description here

缩放级别：13

enter image description here

缩放级别：9

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

htmljavascriptleafletleaflet.draw