p90524618
/
antv-l7
mirror of https://gitee.com/antv-l7/antv-l7
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #255 from antvis/ios_12_event 

fix: ios touchstart && double touch
This commit is contained in:
@thinkinggis 2020-03-15 22:20:46 +08:00 committed by GitHub
parent 64dab9c6c8 d542bb58c6
commit bc4d5a0154
1 changed files with 33 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/core/src/services/interaction/InteractionService.ts
View File

@ -3,7 +3,7 @@ import Hammer from 'hammerjs';
import { inject, injectable } from 'inversify';
import { TYPES } from '../../types';
import { ILogService } from '../log/ILogService';
import { IMapService } from '../map/IMapService';
import { ILngLat, IMapService } from '../map/IMapService';
import { IInteractionService, InteractionEvent } from './IInteractionService';
/**
* 由于目前 L7 与地图结合的方案为双 canvas 而非共享 WebGL Context，事件监听注册在地图底图上。
@ -79,6 +79,7 @@ export default class InteractionService extends EventEmitter
const $containter = this.mapService.getMapContainer();
if ($containter) {
$containter.removeEventListener('mousemove', this.onHover);
$containter.removeEventListener('touchstart', this.onTouch);
$containter.removeEventListener('click', this.onHover);
$containter.removeEventListener('mousedown', this.onHover);
$containter.removeEventListener('mouseup', this.onHover);
@ -106,7 +107,22 @@ export default class InteractionService extends EventEmitter
const lngLat = this.mapService.containerToLngLat([x, y]);
if (type === 'click') {
if ('ontouchstart' in document.documentElement === true) {
return;
}
this.isDoubleTap(x, y, lngLat);
return;
}
if (type === 'touch') {
this.isDoubleTap(x, y, lngLat);
return;
}
this.emit(InteractionEvent.Hover, { x, y, lngLat, type });
};
private isDoubleTap(x: number, y: number, lngLat: ILngLat) {
const nowTime = new Date().getTime();
let type = 'click';
if (
nowTime - this.lastClickTime < 500 &&
Math.abs(this.lastClickXY[0] - x) < 10 &&
@ -128,11 +144,5 @@ export default class InteractionService extends EventEmitter
this.emit(InteractionEvent.Hover, { x, y, lngLat, type });
}, 500);
}
return;
}
if (type === 'touch') {
type = 'click';
}
this.emit(InteractionEvent.Hover, { x, y, lngLat, type });
};
}