事件及视野自适应最后更新时间: 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’);

除了支持基本鼠标的事件外，还支持touchstart、touchend、touchmove触摸事件。

设置缩放和中心自适应

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

JavaScript

layer.setFitView();

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

JavaScript

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

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

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

交互事件

设置缩放和中心自适应

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