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

        }


        });

但我仍然会收到默认标记，请在文档http://leaflet.github.io/Leaflet.draw/docs/leaflet-draw-latest.html#l-latlngutil中指出我应该在哪里了解配置以及如何操作

Answer 1

您需要为标记选项图标属性指定标记图标。

使用Leaflet <template id=T1> Real Template - <script>console.log( 'executed at each insertion' )</script> </template> <div hidden id=D1> Fake Template - <script>console.log( 'executed only at parsing' )</script> </div> <button onclick="insert()">insert</button> <div id=Target1><div> <div id=Target2><div>类创建自定义标记图标。
```
L.Icon
```
将var customMarker= L.Icon.extend({ options: { shadowUrl: null, iconAnchor: new L.Point(12, 12), iconSize: new L.Point(24, 24), iconUrl: 'http://joshuafrazier.info/images/firefox.svg' } });分配给标记图标属性
```
customMarker
```

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

1 个答案: