vue中使用heatmapjs的示例代码（结合百度地图）

(编辑：jimmy 日期: 2025/1/18 浏览：2)

业务需求：将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">

效果图：



以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：JS实现点击拉拽轮播图pc端移动端适配

下一篇：解决vue点击控制单个样式的问题

vue中使用heatmapjs的示例代码（结合百度地图）

一句话新闻