从列表选一个点,再回到地图
点击 P01,地图会定位到它并打开详情。切到三维,再点击另一个点:观察相机保留倾斜角度,只改变中心与缩放。点击“全部点位”看聚合,点击聚合标签再展开。
标签和列表共享同一份数据
快照 + 筛选 → 可见点位 → 列表 / 地图
搜索与分组先产生同一份过滤结果,再交给列表和 GeoJSON 数据源。选中状态只保存点位 ID;地图和列表都通过这个 ID 表达高亮。切换快照或筛选后,如果选中点位不再存在,就清除详情,避免显示过期状态。
聚合与视角是两件事
聚合依据缩放级别把附近点位合并,数字表示当前筛选结果里的点数。点击聚合后,读取其展开级别再移动相机。二维和三维切换改变的是 pitch 与 bearing,不改变点位经纬度;浏览器启用减少动态效果时,相机直接到达目标。
先让示例能稳定运行
默认底图、建筑和点位都是本地合成数据,借用杭州附近的经纬度范围演示空间关系,不代表真实街道或设施。三维建筑是示意体块。可选加载 OpenStreetMap 街道底图;加载失败时回到本地示意图,标签和筛选仍可操作。
快照 A 与 B 用于验证数据更新、点位增减与状态清理。侧栏数字是 0–99 的演示标量,没有业务含义。这个例子关注地图交互本身,不模拟导航或设备监控系统。
MapLibre HTML clusters · Camera API · OpenStreetMap attribution