在vue中关闭百度地图的热力图显示

在 Vue 中关闭百度地图的热力图显示，可以通过百度地图 JavaScript API 提供的相应方法来实现。首先，需要在 Vue 组件中引入百度地图 JavaScript API，并初始化地图对象。然后，可以通过该地图对象的 setMapStyle() 方法来设置地图样式，包括关闭热力图显示。示例代码如下：

<template>
  <div id="map"></div>
</template>

<script>
export default {
  mounted() {
    // 初始化地图对象
    const map = new BMap.Map('map')
    // 设置地图样式，关闭热力图显示
    map.setMapStyle({
      styleJson: [{
        featureType: 'heatmap',
        elementType: 'all',
        stylers: {
          visibility: 'off'
        }
      }]
    })
  }
}
</script>

<style>
#map {
  width: 100%;
  height: 400px;
}
</style>

在上述代码中，`setMapStyle()` 方法的参数 `styleJson` 是一个数组，其中包含了一组地图样式的 JSON 对象。在该 JSON 对象中，将 `featureType` 设置为 `heatmap`，并将 `visibility` 设置为 `off`，即可以关闭热力图的显示。