我们之前实现过一个echarts和地图图片叠加实现数据渲染的效果,今天我们要实现一个效果就是给地图底图增加一个流光效果。
动态效果
在线演示
帧动画资源文件比较大,加载时间会比较长。
在线演示
准备图片
首先我们需要准备地图底图,地图尺寸1023*783,文件大小705kb
...
yekong
3周前 (11-04)
喜欢
vue 数据可视化大屏 项目开发中,设计师设计的地图很漂亮,但是前端实现不了这种效果,这时候我们可以通过一个折中的办法来实现这种效果,以图片做地图以echarts做数据支持完成我们想要的效果。
入场动画
实现效果
echarts 自定义label内容,label使用自定义图片...
yekong
4个月前 (07-18)
喜欢
数据可视化大屏项目要求渲染中国地图,并且点击地图后可以下钻到对应的省市地图,这里我们通过高德地图查询地图数据,通过echarts渲染地图效果实例.
引入高德地图api
<script src="https://webapi.amap.com/maps?v=1.3&...
yekong
7个月前 (04-22)
喜欢
echarts地图渲染后,当我们点击地图时,会显示地名,这里我们并不想显示地名,那么要如何处理呢?
通过select.label.show设置为false就可以了。
select: {
label: {
show: false,
color: '#fff',...
yekong
8个月前 (04-01)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts大连市地区地图geoJson数据。
大连,位于欧亚大陆东岸,中国东北辽东半岛最南端,西北濒临渤海,东南面向黄海,有包...
yekong
8个月前 (03-29)
喜欢
echarts点击地图跳转到指定地址
实现思路
我们实现准备地名,以及地名对应的地址,当我们点击对应地图后,获取地名并根据地名获取到对应的url跳转到对应的页面中
regionUrls: {
'北京': 'https://www.wanjunshijie.com',
...
yekong
8个月前 (03-27)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts包头市地图geoJson数据。
包头市,别称九原、鹿城,是内蒙古自治区辖地级市,国务院批复确定的内蒙古自治区重要的经...
yekong
8个月前 (03-25)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是重庆市geoJson地图渲染实例。
重庆市 包含了 万州区,涪陵区,渝中区,大渡口区,江北区,沙坪坝区,九龙坡区,南岸区,北碚区...
yekong
8个月前 (03-24)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是天津市地图geoJson数据。
天津市geoJson地图数据包含了和平区,河东区,河西区,南开区,河北区,红桥区,东丽区,西青区...
yekong
8个月前 (03-21)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts石家庄市地图根据经纬度显示自定义html弹窗。
石家庄市,简称“石”,旧称石门,河北省辖地级市、省会、Ⅰ型大城市,是...
yekong
8个月前 (03-18)
喜欢