区域点击行为
当整个场地同时可见时,预订渲染器会改变区域点击行为。
完整视图下的行为
当场地完全缩小,即以适应屏幕比例完整显示在可见区域内时,点击区域会触发 onSectionClick,而不是缩放并平移到区域。无论配置了何种 interactionZoomStrategy,均如此。
interactionZoomStrategy 控制普通交互(非完整视图)中点击区域的缩放行为。完整视图下,此设置被覆盖,点击始终触发回调而不缩放。
恢复正常缩放
用户放大超过完整视图阈值后,渲染器恢复常规行为:点击区域会缩放并平移,将该区域置于焦点。
点击后通过代码缩放
如果希望完整视图下仍点击缩放,可在 onSectionClick 回调内调用 renderer.zoomToSection():
import { SeatmapBookingRenderer } from '@seatmap.pro/renderer';
const renderer = new SeatmapBookingRenderer(
document.getElementById('renderer-container'),
{
publicKey: 'your-public-key',
onSectionClick: (section) => {
renderer.zoomToSection(section.id);
},
}
);
renderer.loadEvent('your-event-id');
这样可在运行时决定进行代码缩放、显示提示、更新外部界面,或组合这些操作。