区域点击行为

当整个场地同时可见时,预订渲染器会改变区域点击行为。

完整视图下的行为

当场地完全缩小,即以适应屏幕比例完整显示在可见区域内时,点击区域会触发 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');

这样可在运行时决定进行代码缩放、显示提示、更新外部界面,或组合这些操作。

输入功能、设置、端点或 SDK 方法。