热力图无法响应点击事件，因其是WebGL/Canvas渲染的非交互图层；需监听地图click事件，反查最近热力点并映射原始数据实现点击统计。
小程序内无法直接“点击热力图”获取点击位置或触发交互事件——热力图本身是渲染层的视觉叠加，不是可交互的 DOM 元素或地图标注点。想做点击统计，必须绕开热力图图层，改用可监听的底层机制。
为什么AMap.Heatmap或TMap.visualization.Heatmap不响应点击
高德、腾讯、百度地图的热力图图层（如 AMap.Heatmap、TMap.visualization.Heatmap）本质是 WebGL 或 Canvas 渲染的像素图层，地图 SDK 不为其提供 click 事件绑定能力。你点上去，事件只会冒泡到地图容器或穿透到底层页面，不会命中热力图本身。
- 尝试给热力图图层加
onclick或监听map.on('click', ...)，实际捕获的是地图坐标点，而非热力图上某“热点”的强度值 - 热力图数据（
lng/lat/count）是离线输入的，不构成运行时可查询的索引结构 - 小程序 WebView 环境下，第三方地图 JS SDK 的事件模型更受限，无法 patch 热力图图层
真正能采集点击位置并关联热度的替代方案
放弃“点击热力图”，改为“点击地图后反查最近热力点”，再结合原始数据做映射。这是目前 H5/微信小程序/支付宝小程序三端都可行的最小改动路径。
- 保留原始热力数据数组（例如
heatmapData = [{lng, lat, count}, ...]），全局或组件内缓存一份 - 监听地图
click事件（通过uni.createMapContext的onMarkerTap不适用，需用getCenterLocation+ 坐标转换，或直接用地图 SDK 的原生 click） - 点击触发后，用平面距离公式（或球面距离
AMap.GeometryUtil.distance）计算点击坐标到每个heatmapData点的米级距离 - 取距离最近且
distance < radius * 2的点（radius是你设的热力点半径），认为用户“点中了该热点” - 上报该点的
count值、坐标、时间戳，用于后续分析
微信小程序中避免 map 组件遮挡导致点击失效
微信小程序的 <map> 组件是原生视图，会覆盖所有 webview 层元素（包括 <cover-view> 以外的任何 <view>），导致你在热力图上盖一层透明按钮完全无效。
- 不要试图在热力图上方叠
<cover-view>+position: absolute模拟点击区域——cover-view不支持pointer-events: none，且无法精准对齐热力渲染位置 - 必须使用地图 SDK 提供的原生点击能力：腾讯地图用
map.on('click', cb)，高德用map.on('click', cb)（需确保初始化时 map 实例可用） - 在
mounted中等$nextTick后再调用uni.createMapContext，否则$getAppMap()可能返回null - H5 端可直接监听
document.getElementById('map-container').onclick，但小程序必须走 SDK 事件
数据采集字段建议（轻量实用）
别只记 count，一次点击应至少包含上下文，否则后期无法归因：
-
timestamp：精确到毫秒，用于判断点击频次和时段分布 -
lng/lat：实际点击坐标（非原始数据点），用于验证热力图覆盖合理性 -
nearest_heat_id：可选，若原始数据有唯一标识（如商圈 ID），应一并带上 -
distance_to_nearest：单位米，用于过滤误触（比如 >200m 就丢弃） -
scene：业务场景标记，例如"mall_heatmap"或"park_usage"，方便多热力图共存时区分
热力图不是交互界面，而是分析结果的可视化表达。想做点击统计，就得回到数据源头——把“人点哪”和“哪有热”两件事，在代码里显式桥接，而不是指望渲染层自动帮你完成。
