删除 Ember-leaflet-draw 中的一些按钮

Question

我想删除 UI 中显示的按钮，例如用于绘制线条、圆圈、多边形的按钮。我在我的 ember 应用程序中简单地使用了传单绘制，例如

template.hbs

{{#leaflet-map
onLoad=(action 'initMap')
onClick=(route-action 'getLatLng')
lat=lat
lng=lng
zoom=zoom
class='leaflet_map'}}
{{draw-control  position="topright" showDrawingLayer='true'}}
{{/leaflet-map}}

现在，有什么方法可以从 UI 中删除一些我不想要的按钮吗？我确实找到了下面的代码，这似乎是我正在寻找的代码，但是如何在 emberjs?

中使用它

 var drawControl = new L.Control.Draw({
     draw: {
         polygon: false,
         marker: false
     },
     edit: {
         featureGroup: editableLayers,
         edit: false
     }
 });

Answer 1

修改 CSS 不是一个好的做法:)

只需将 drawOptions 设置为 {{draw-control}} helper as:

{{draw-control
    draw=drawOptions
}}

并在组件中自定义 drawOptions：

import Ember from 'ember';
...
export default Ember.Component.extend({
    ...
    drawOptions: {
        circle: false,
        rectangle: false,
        polygon: false,
    },
    ...
})

删除 Ember-leaflet-draw 中的一些按钮

Removing some buttons in Ember-leaflet-draw

javascript

ember.js

leaflet