【问题标题】:Leaflet.Draw color while drawingLeaflet.Draw color while drawing
【发布时间】:2017-05-02 04:40:43
【问题描述】:

我正在使用颜色选择器选择对象的颜色以使用 Leaflet.Draw 绘制它,但找不到位置。

    $("#txtAPColor").on('change', function(){
        colorSelectPoi=$("#txtAPColor").value;
    });

   var circle_options = {
        stroke: true,
        color: colorSelectPoi,
        weight: 4,
        opacity: 0.5,
        fill: true,
        fillColor: null, //same as color by default
        fillOpacity: 0.2,
        clickable: true
      };
     new L.Draw.Circle(map, circle_options).enable();            

【问题讨论】:

  • 我一直没弄明白,如何在使用控件绘制的同时使用不同的颜色进行绘制...我会继续尝试更多...
  • 首先,确保两者都接受相同的值,#hexCode 如:#FFFFFF。其次,可能你需要重新绘制形状。
  • 来自 on change 块

标签: leaflet.draw


【解决方案1】:

我已经用下面的代码解决了这个问题:

var optionColorSelected = '#000'
map.on(L.Draw.Event.CREATED, function (event) {
    event.layer.options.color = optionColorSelected;
    var layer = event.layer;
    drawnItems.addLayer(layer);
});

您只需使用您选择的颜色更新变量optionColorSelected。 希望能帮到你。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-12-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多