更改默认图标工具栏(Leaflet)

时间:2017-06-06 05:22:45

标签: javascript leaflet angular-leaflet-directive leaflet.draw

如何将默认工具栏图标更改为传单上的其他内容..

fragment view after onclick

上面的图片显示了图标的默认视图..我想自定义并将图标更改为其他内容,例如我希望看起来像桥梁和第二个文本图标的第一个图标等等。

我已经尝试了一些方法,但没有奏效。

这里是我的代码

var electricpole = L.Icon.extend({
        options: {
            shadowUrl: null,
            iconAnchor: new L.Point(12, 12),
            iconSize: new L.Point(30,30),
            iconUrl: 'image/electricpole.png'
        }
    });

L.DrawToolbar.include({
        getModeHandlers: function(map:L.Map) {
            return [
                {
                    enabled: true,
                    handler: new L.Draw.Polyline(map),
                    title: 'Draw Polyline'
                },
                {
                    enabled: true,
                    handler: new L.Draw.Polygon(map),
                    title: 'Draw Polygon'
                },
                {
                    enabled: true,
                    handler: new L.Draw.Rectangle(map),
                    title: 'Draw Rectangle'
                },
                {
                    enabled: true,
                    handler: new L.Draw.Circle(map),
                    title: 'Draw Circle'
                },
                {
                    enabled: true,
                    handler: new L.Draw.Marker(map, {
                      icon: new electricpole,
                      html: '',
                    }),
                    title: 'Place electric pole marker'
                },                                                                      

            ];
        }
    });

我的代码展示变量electricpole应该将图标从enter image description here更改为..但我尝试不起作用...有人可以帮助我如何更改它。

0 个答案:

没有答案