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

事件及视野自适应 最后更新时间: 2021年01月22日

交互事件

我们还可以为图层增加交互事件,通过 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
});

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

返回顶部 示例中心 常见问题 智能客服 公众号
二维码