本文整理汇总了TypeScript中leaflet.DomEvent.on方法的典型用法代码示例。如果您正苦于以下问题：TypeScript DomEvent.on方法的具体用法？TypeScript DomEvent.on怎么用？TypeScript DomEvent.on使用的例子？那么, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类leaflet.DomEvent的用法示例。
在下文中一共展示了DomEvent.on方法的2个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: function
onAdd: function(map) {
const className = 'leaflet-control-legend';
this._map = map;
if (!this._container) {
this._container = L.DomUtil.create('div', className);
this._container.innerHTML =
'<a href="#" class="' +
className +
'-show material-icons"' +
' title="Legend"></a>' +
'<button class="mat-button ' +
className +
'-hide">CLOSE</button>' +
'<ul class="legend-container"></ul>';
// Makes this work on IE10 Touch devices by stopping it from firing
// a mouseout event when the touch is released
this._container.setAttribute('aria-haspopup', true);
}
this._showButton = this._container.querySelector('.' + className + '-show');
this._hideButton = this._container.querySelector('.' + className + '-hide');
this._legendContainer = this._container.querySelector('.legend-container');
if (L.Browser.touch) {
L.DomEvent.disableClickPropagation(this._container);
} else {
L.DomEvent.disableClickPropagation(
this._container
).disableScrollPropagation(this._container);
}
L.DomEvent.on(this._container, 'mousewheel', L.DomEvent.stopPropagation);
L.DomEvent.on(this._showButton, 'click', L.DomEvent.stop).on(
this._showButton,
'click',
this.open,
this
);
L.DomEvent.on(this._hideButton, 'click', this.close, this);
this.displayLegends();
map.on('layeradd', this._onLayerAdd, this);
map.on('layerremove', this._onLayerRemove, this);
return this._container;
},示例2:
pane: 'pane'
};
const imageOverlayBounds = latLngBounds;
let imageOverlay: L.ImageOverlay;
imageOverlay = L.imageOverlay('https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png', imageOverlayBounds);
imageOverlay = L.imageOverlay('https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png', imageOverlayBounds, imageOverlayOptions);
imageOverlay = L.imageOverlay('https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png', imageOverlayBounds, {
opacity: 100,
alt: 'alt',
className: 'className',
});
const eventHandler = () => {};
const domEvent: Event = {} as Event;
L.DomEvent
.on(htmlElement, 'click', eventHandler)
.addListener(htmlElement, 'click', eventHandler)
.off(htmlElement, 'click', eventHandler)
.removeListener(htmlElement, 'click', eventHandler)
.on(htmlElement, {click: eventHandler})
.addListener(htmlElement, {click: eventHandler})
.off(htmlElement, {click: eventHandler}, eventHandler)
.removeListener(htmlElement, {click: eventHandler}, eventHandler)
.stopPropagation(domEvent)
.disableScrollPropagation(htmlElement)
.disableClickPropagation(htmlElement)
.preventDefault(domEvent)
.stop(domEvent);
point = L.DomEvent.getMousePosition(domEvent as MouseEvent);
point = L.DomEvent.getMousePosition(domEvent as MouseEvent, htmlElement);
const wheelDelta: number = L.DomEvent.getWheelDelta(domEvent);