首页 文章

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

提问于
浏览 次
0

我想删除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
     }
 });
javascript ember.js leaflet

1 回答

  • 2

    修改CSS不是一个好习惯:)

    只需将drawOptions设置为 {{draw-control}} helper，如下所示：

    {{draw-control
    draw=drawOptions
}}

    并在组件中自定义drawOptions：

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

相关问题