vue3 天地图上加热力图

效果图 

 代码

引入地图

index.html
//引入天地图
    <script type="text/javascript" src="https://api.tianditu.gov.cn/api?v=4.0&tk=自己的token"></script>
//引入热力图
    <script type="text/javascript" src="http://lbs.tianditu.gov.cn/api/js4.0/opensource/openlibrary/HeatmapOverlay.js">
//线上地址会引入失败 可下载到本地再引入
    <script type="text/javascript" src="/HeatmapOverlay.js"></script>
</script>

html

<div class="map" id="map">

script

//count 数量
const data = [
    { name: '1111', count: 21106, lat:24.963, lng:110.889  },
    { name: 'sdf', coun