如何在多边形传单中绘制文本 [英] How write text inside polygon leaflet draw

问题描述

    var drawnItems = new L.FeatureGroup();
leafletMap.addLayer(drawnItems);

L.drawLocal.draw.toolbar.buttons.polygon = 'Draw  polygon!';

var drawControl = new L.Control.Draw({
    position: 'topright',
    draw: {
        polyline: {
            metric: true
        },

        polygon: {
            allowIntersection: false,
            showArea: true,
            drawError: {
                color: '#b00b00',
                timeout: 1000
            },

            shapeOptions: {
                color: '#bada55'
            }
        },
        circle: {

            shapeOptions: {
                color: '#662d91'
            }
        },
        circle:false,
        marker: false
    },
    edit: {
        featureGroup: drawnItems,
        remove: true
    }
});

你好朋友， 我正在使用传单绘制来绘制多边形，但是在绘制多边形之后，我想在该多边形内显示文本，做到这一点.

Hello friends, i am using leaflet draw to draw polygon ,but after polygon is draw i want to show text inside that polygon, does that is possible.

谢谢

推荐答案

我使用 bootbox 对话框询问文本和 bindTooltip 保留文本.

I use a bootbox dialog to ask for the text and bindTooltip to leave the text.

map.on(L.Draw.Event.CREATED, function(e) {
    var layer = e.layer;
    bootbox.prompt({title: "Any comment?", closeButton: false, callback: putTooltip});
        function putTooltip(result) {
            layer.bindTooltip(result, {'permanent': true, 'interactive': true});
            }
    });

这篇关于如何在多边形传单中绘制文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！