1.使用热力图插件的时候,实现动态修改热力图效果半径
2.直接修改是不可以的,因为这个是热力图本身的参数。
因此我们需要拿到这个热力图对象之后,参考api文档,对整个 heatLayer.heatStyle进行传参修改。
heatStyle地址:heatmap热力图本身configObject参数,详情也可查阅热力图本身的文档。
1.HeatLayer - V3.7.8 - Mars3D API文档
2.heatmap.js Documentation
3.此时需要注意的是heatStyle是一个对象类型的数据,那么就需要在传参的时候,对相关的参数进行类型包装,使用{}
错误用法:×××××××××××××××××××××××大no特no
正确用法:
1.测试地址:功能示例(Vue版) | Mars3D三维可视化平台 | 火星科技http://mars3d.cn/editor-vue.html?key=ex_10_0_0&id=layer-other/heatmap/heatLayer2.测试代码:
setTimeout(() => {
console.log("重绘啦~+++++++++++++++")
heatLayer.heatStyle = {
radius: 40,
blur: 0.85
}
}, 5000);
传参前效果:
传参后效果: