leaflet+vue：格点图的实现大体步骤

这是色斑图的实现：https://blog.csdn.net/Crazy_GirlLL/article/details/109512629

格点图的实现步骤和色斑图的实现步骤差不多，

格点数据的格式是一个个包含经纬度，数据的对象数组

下面是这个色斑图的具体代码

在map组件里面：bus.$emit('loaded', this.id);

初始化页面index.vue：将数据传给色斑图组件：

    Bus.$on('refreshPoint', (data) => this.getPoints(data))

在要显示色斑图的地方，传输数据：                Bus.$emit('refreshPoint', { data })

<template>
  <div></div>
</template>

<script&g