为leaflet.draw标记属性放置自定义标记

Question

我使用leaflet.draw插件允许用户在地图上放置标记，但不确定如何在drawControl中提供配置，以获取自定义图标、自定义宽度和自定义高度，如下所示

var  drawControl = new L.Control.Draw({
            draw : {
                position : 'topleft',
                polygon : {
                shapeOptions: {
                    color: 'red'
                }
                },
                marker:{
                    iconUrl: 'http://joshuafrazier.info/images/firefox.svg'
                },
                polyline : false,
                rectangle : {
                    shapeOptions: {
                        color: 'blue'
                    }
                },
                circle : false
            },
            edit: {
            featureGroup: editableLayers, //REQUIRED!!
                remove: true

        }


        });

但是我仍然得到默认的标记，请在doc http://leaflet.github.io/Leaflet.draw/docs/leaflet-draw-latest.html#l-latlngutil中指出，我应该在哪里看到有关配置和如何进行配置的信息？

Answer 1

您需要指定标记选项图标属性，一个标记图标。

1. 使用传单L.Icon类创建自定义标记图标。 var customMarker= L.Icon.extend({ shadowUrl: null，iconAnchor: new L.Point(12，12)，iconSize: new L.Point(24，24)，iconUrl：'http://joshuafrazier.info/images/firefox.svg‘})；
2. 将customMarker分配给标记图标属性 var drawControl =新L.Control.Draw({ shapeOptions：{customMarker：'topleft‘)，多边形：{ shapeOptions：{shapeOptions：{shapeOptions：'red’} }，标记：{图标:新的customMarker() //在这里分配自定义标记}，多边形: false，矩形：{shapeOptions：{shapeOptions：{shapeOptions：‘蓝色’} }，圆圈: false }，编辑：{ featureGroup: editableLayers，//必需！删除: true })；