因为项目中需要用到热力图,就研究了。网上很多是用echarts+地图实现。因为不想使用地图,就只想使用一个静止地图截图作为背景图(不需要地图的任何操作,就是展示)。加载热力图。因为使用的vue,就考虑使用vue的组件实现。本次使用的是heatmapjs-vue ,基于 heatmap.js
要绘制镇街级的echarts地图,主要在于获取到镇街的geoJson。网上的方法基本都只能直接获取到区级的geojson,如果要拿到镇街级的需要一些方法。
2025年04月11日
因为项目中需要用到热力图,就研究了。网上很多是用echarts+地图实现。因为不想使用地图,就只想使用一个静止地图截图作为背景图(不需要地图的任何操作,就是展示)。加载热力图。因为使用的vue,就考虑使用vue的组件实现。本次使用的是heatmapjs-vue ,基于 heatmap.js
2025年04月11日
要绘制镇街级的echarts地图,主要在于获取到镇街的geoJson。网上的方法基本都只能直接获取到区级的geojson,如果要拿到镇街级的需要一些方法。
2025年04月11日
最近需要echart同时显示海南岛和南海诸岛,开始想寻找南海诸岛的数据,经过查找,这种简图数据是没有的(china.js地图数据一一找过了),下图是echarts的一些示例,没有满足我们的要求
后来在echarts.min.js中通过关键字'南海诸岛'查找到了关键的代码,echarts在地图名为china时,加入南海诸岛数据,然后经过坐标变换(先设置缩放比率再平移到指定点)展示到echart地图中。
要想海南岛地图和南海诸岛简图显示到一起并不复杂。总共只要改四个参数就好了。