echarts3地级市人口密度热力图

最新推荐文章于 2025-03-19 17:58:06 发布

老赵家的大姑娘

最新推荐文章于 2025-03-19 17:58:06 发布

阅读量1.4w

点赞数 4

分类专栏：可视化

本文链接：https://blog.csdn.net/qq_33912088/article/details/70241080

版权

本文介绍了如何使用echarts3创建地级市人口密度热力图，包括所需资源的下载、地图数据的获取以及代码实现步骤。通过实例展示了从获取特定城市（如杭州）的地图数据到生成热力图的过程，并提供了运行效果和填充数据的技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

准备工作：
1 echarts2官网，下载echarts2，解压。目录结构
这里写图片描述
2 下载echarts3的js文件
3 http://echarts.baidu.com/download-theme.html，下载主题vintag.js（可以不选）
４下载jquery.min.js(jquery.js)
要点：
1 全国地图找子集地市http://echarts.baidu.com/echarts2/doc/example/map20.html
例如，香港特别行政区代码810100，在下载好的echarts-2.2.7/doc/example/geoJson/china-main-city文件夹下，就有一个对应的810100.json。这里用杭州市（330100）的为例。
2 之前为了测试echarts主题的用法，引入了主题文件。。这里就不删除了。
如果不需要，可以直接将11行的引入删掉，同时14行替换就可以了。
var myChart = echarts.init(document.getElementById('main1'),'vintage');
var myChart = echarts.init(document.getElementById('main1'));
3 目录结构
js/
　　echarts.js
　　jquery.min.js
　　theme/
　　　　vintage.js
330100.json
hz.html

4 代码 hz.html

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv

最低0.47元/天解锁文章