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

网络编程 2024/9/25 佚名

3 2 1

鸳鸯亭资源网 Design By www.gvabc.com

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

效果图：



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