示例中心
功能在线体验
menu Created with Sketch. closed Created with Sketch.

高德 开发 数据可视化 JS API 基本教程 事件及视野自适应

更新时间:2019年03月18日

交互事件

我们还可以为图层增加交互事件,通过 on()/off() 方法实现

// 绑定事件
layer.on('click', function(event) {
    console.log('Click target: ', event.target) // 触发click事件的元素
    console.log('Event type: ', event.type) // 事件名称
    console.log('Raw Event: ', event.originalEvent) // 原始DomEvent事件
    console.log('Raw data: ', event.rawData) // 触发元素对应的原始数据
    console.log('LngLat: ', event.lnglat) // 元素所在经纬度
});

// 解绑事件
layer.off(‘click’);

除了支持基本鼠标的事件外,还支持touchstarttouchendtouchmove触摸事件。


设置缩放和中心自适应

有时候地图上可视化元素较多,我们需要地图调整合适的缩放等级和中心点,以保证所有元素都显示其中时,我们可以调用 setFitView() 方法,以实现该效果。

layer.setFitView();

除了使用方法调用外,如果希望绘制图形后默认进行自适应的调整,开启 fitView属性即可(默认关闭)。

const layer = new Loca.PointLayer({
    // ...
    fitView: true
});

这样在每次触发绘制逻辑后,都会自动调整地图底图了。

新用户
福利
功能
在线体验
常见
问题