vue中使用heatmapjs的示例代码（结合百度地图）
(编辑：jimmy 日期: 2025/10/29 浏览：3 次 )
业务需求：将heatmap引入页面中，做成一个可引入的框架，使用于所有页面。代码如下。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.heatmap {
width:1900px; height:1900px;
}
</style>
<script src="/UploadFiles/2021-04-02/heatmap.min.js">
需要引入的js在https://github.com/pa7/heatmap.js 获取。
vue中使用heatmapjs
百度地图怎么使用就不说了，主要讲讲这个heatmap,直接贴代码了，注释挺详细的
//vue组件中
data(){
return{
heatmapOverlay:""
}
},
mounted() {
//引用heatmap.js
//你也可以在index.html中直接插个 <script type="text/javascript" src="/UploadFiles/2021-04-02/Heatmap_min.js">
效果图：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
下一篇：解决vue点击控制单个样式的问题