产品服务
解决方案
文档与支持
定价

事件交互

下载开发文档

地图事件主要包括地图状态事件、地图手势事件事件。

地图状态事件监听

mapController.addEventListener(MapEvent.MAPSTATUSCHANGESTART, () => {
console.log('MapEvent.MAPSTATUSCHANGESTART');
});
mapController.addEventListener(MapEvent.MAPSTATUSCHANGE, () => {
console.log('MapEvent.MAPSTATUSCHANGE');
});
mapController.addEventListener(MapEvent.MAPSTATUSCHANGEFINISH, () => {
// 获取地图四至范围
console.log('MapEvent.MAPSTATUSCHANGEFINISH', mapController.mapStatus.getGeoRound());
});

地图手势事件监听

// 点击事件
this.mapController.addEventListener(MapEvent.CLICK, (event) => {
event = event as EventBundle;
const marker:Marker = new Marker({
position: event.geo,
icon: image
});
this.mapController?.addOverlay(marker);
});
// 双击事件
this.mapController.addEventListener(MapEvent.DOUBLECLICK, (event) => {
event = event as EventBundle;
let left = event.left.toFixed();
let top = event.top.toFixed();
});
this.mapController.addEventListener(MapEvent.PINCHSTART, (event) => {
console.log('缩放事件开始');
});
this.mapController.addEventListener(MapEvent.PINCHUPDATE, (event) => {
console.log('缩放事件过程中');
});
this.mapController.addEventListener(MapEvent.PINCHEND, (event) => {
console.log('缩放事件结束');
});
this.mapController.addEventListener(MapEvent.ROTATIONSTART, (event) => {
console.log('旋转事件开始');
});
this.mapController.addEventListener(MapEvent.ROTATIONUPDATE, (event) => {
event = event as EventBundle;
let rotationAngle = event.rotationAngle??0;
console.log('旋转事件过程中',rotationAngle);
});
this.mapController.addEventListener(MapEvent.ROTATIONEND, (event) => {
console.log('旋转事件结束');
});
this.mapController.addEventListener(MapEvent.TOUCHSTART, (event) => {
console.log('移动事件开始');
});
this.mapController.addEventListener(MapEvent.TOUCHMOVE, (event) => {
console.log('移动事件过程中');
});
this.mapController.addEventListener(MapEvent.TOUCHEND, (event) => {
console.log('移动事件结束');
});
底图poi、定位图标点击回调
class myClickListener implements IMapClickListener {
/**
* 一般情况下的点击回调(定位图标、指南针、底图的 poi 点等)
* @param mapObjArray
*/
onClickedMapObj(arrClickObjs: Array<MapClickObj>){
arrClickObjs.map((obj:MapClickObj)=>{
console.log('点击了--',obj.strText)
})
};
}
const listener = new myClickListener()
this.mapController.setMapClickListener(listener)

上一篇

位置短地址分享

下一篇

请求状态码说明

本篇文章对您是否有帮助?