本文整理汇总了TypeScript中leaflet.DomEvent.disableClickPropagation方法的典型用法代码示例。如果您正苦于以下问题：TypeScript DomEvent.disableClickPropagation方法的具体用法？TypeScript DomEvent.disableClickPropagation怎么用？TypeScript DomEvent.disableClickPropagation使用的例子？那么, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类leaflet.DomEvent的用法示例。
在下文中一共展示了DomEvent.disableClickPropagation方法的3个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的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: function
onAdd: function(map) {
this._container = L.DomUtil.create(
'div',
'leaflet-control-background leaflet-control-mouseposition'
);
L.DomEvent.disableClickPropagation(this._container);
map.on('mousemove', this._onMouseMove, this);
this._container.innerHTML = this.options.emptyString;
return this._container;
},示例3: enableGps
enableGps() {
const GPSLegend = this.mapService.addCustomLegend('topleft', 'GPSLegend');
this.map.addControl(new GPSLegend());
const gpsElement: HTMLElement = document.getElementById('GPSLegend');
L.DomEvent.disableClickPropagation(gpsElement);
gpsElement.innerHTML = '<span> <b> GPS </span> <b>';
gpsElement.style.paddingLeft = '3px';
gpsElement.onclick = () => {
this.modalService.open(this.modalContent);
};
}