首页 > 解决方案 > 更改传单绘制中的顶点样式

问题描述

传单的画边太大太丑了,我想办法改变它的风格,我想出了以下代码:

 draw: {
        polyline: {
            shapeOptions: this.onSelectionStyle
        },
        polygon: {
            icon: new L.DivIcon({
                iconSize: new L.Point(16, 16),
                className: 'leaflet-div-icon leaflet-editing-icon my-own-icon'
            }),
            allowIntersection: false, // Restricts shapes to simple polygons
            drawError: {
                color: '#e1e100', // Color the shape will turn when intersects
                message: '<strong>Oh snap!<strong> you can\'t draw that!' // Message that will show when intersect
            },
            shapeOptions: this.onSelectionStyle,
            showArea: true
        },
        ...

基本上 className 应该这样做,但这似乎至少不适用于最新版本。你知道如何改变 eges 的风格吗?

在此处输入图像描述

标签: leafletleaflet.draw

解决方案


我正在使用这个:

L.Edit.Poly = L.Edit.Poly.extend({
  options: {
    icon: new L.DivIcon({
      iconSize: new L.Point(10, 10),
      className: 'leaflet-div-icon leaflet-editing-icon my-own-icon',
    }),
  },
});


推荐阅读