vue3中leaflet加载热力图Cannot assign to read only property 'data' of object '#<ImageData>'
时间: 2024-05-30 22:08:24 浏览: 10
这个问题可能是由于在 Vue3 中使用 Leaflet 加载热力图时,出现了一个跨域请求问题。可以尝试添加一个跨域请求的头部信息。
具体来说,可以在请求的头部中添加“Access-Control-Allow-Origin: *”这个信息,表示允许跨域请求。可以在后端代码中进行添加,也可以通过在前端代码中使用 axios 等库进行设置。
如果仍然出现问题,可以尝试将热力图的数据转换为 base64 编码的字符串,然后再使用 Leaflet 进行加载。这样可以避免跨域请求的问题。你可以使用一个工具库,如 heatmap.js 来生成热力图的 base64 编码字符串。