Как написать текст внутри полигональной листовки draw

Question

Как написать текст внутри полигональной листовки 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

    }

});

Здравствуйте друзья,
я использую листовку draw, чтобы нарисовать полигон, но после того, как полигон будет нарисован, я хочу показать текст внутри этого полигона, это возможно.

Спасибо

534 2

javascript leaflet

2 ответов:

Comments

Ничего не найдено.

José Florencio de Queiroz · Accepted Answer · 2018-04-18 18:09:02

Я использую Диалог bootbox для запроса текста и bindTooltip, чтобы оставить текст.
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});
            }
    });

user2441511 · Accepted Answer · 2017-04-12 16:05:07

Попробуйте использовать L.Tooltip С permanent, установленным в true.

Из листовки .Draw github, этот фрагмент кода работает с всплывающим окном:
map.on(L.Draw.Event.CREATED, function (e) {
    var type = e.layerType,
        layer = e.layer;

    if (type === 'marker') {
        layer.bindPopup('A popup!');
    }

    editableLayers.addLayer(layer);
});
Вы можете изменить этот фрагмент кода, добавив вместо него всплывающую подсказку.