echarts制作某个省份的热力图

最新推荐文章于 2024-01-21 09:15:00 发布

weixin_33885676

最新推荐文章于 2024-01-21 09:15:00 发布

阅读量4.2k

点赞数 1

文章标签： javascript json python ViewUI

原文链接：https://juejin.im/post/5d06e7d0f265da1bc07e38dd

版权

这篇博客展示了如何利用Echarts结合JSON数据，将某省份的热力图与地图边界相结合，通过调整中心位置和缩放比例实现两者的精准重合。文中提到了地图数据的获取来源，并给出了具体的实现步骤。

摘要由CSDN通过智能技术生成

实现的效果图长这样

steps

因为热力图的点是相对于整张地图，与经纬度相关。所以可以使用地图叠加的方式。

series里面是数组的形式。

第一个数组是相对应省份的一个边界图。底图是中国地图的热力图。然后根据中心位置和缩放比例使两者重合。展示第一层的省份边界图和后面几层的热力图。

series: [            
//第一层是省份的边界地图            
{                
name: 'map',                
type: 'map',      //          
map: 'guangxi',                
coordinateSystem: 'geo',                
zoom:1,                
roam: false,                
label: {                    
show:true,                    
normal: 
{                        
show: true,                        
col