leaflet.draw: изменение цвета существующей фигуры - PullRequest
Новая
       18

leaflet.draw: изменение цвета существующей фигуры

0 голосов
/ 08 ноября 2019

У меня есть глобальная переменная цвета, и я использую ColorPicker для него. я могу получить значение палитры цветов, я также могу рисовать фигуры (геозоны) цветом, который я выбираю.

Моя проблема в том, что я не могу редактировать / изменять цвет существующей фигуры. Вот для рисования и редактирования lnglat формы: 

function drawCreated(e) {
        type = e.layerType,
        layer = e.layer;
        //layer.dragging.enable();
        layer.addTo(drawnItems);
        console.log(type, ' drawn', layer);

        //for drawing
        if(type === 'rectangle'){
            console.log('rectangle');
            var rectangle = layer.getLatLngs();
            console.log(rectangle);
            drawnItems.addLayer(layer);

        }

        //for editing
        layer.on("edit", function(event) {
            //getting the lnglat when a shape is edited
            console.log("color edit",color);
            var content = "";

            if(type === "rectangle"){
                content = ' rectangle with : ' + layer.getLatLngs();
                var lngLat = layer.getLatLngs();
                console.log("new: ", lngLat);
            }

            //layer.bindPopup(content).openPopup();
        });
      }

и у меня есть эта кнопка для создания формы: 

$("#mapContainer").on("click", ".btnRectangleDraw",function(){
    rectangleDrawer = new L.Draw.Rectangle(map, {
        shapeOptions: {
            color: color,
            fillOpacity: opacity,
            fillColor: color,
            stroke: color,
            opacity: opacity,
            editable: true
            }
        });  
    map.on('draw:created', drawCreated);     
    rectangleDrawer.enable();
});

можно ли изменить цвет с помощьюцвет у меня есть?

...