最近接到这个需求,要把一些数据展示在地图上,并且能够自动播放,毕竟这是个大屏数据的项目,话不多少,直接上代码
首先是要实现一个地图,显示每个省份的名字,首先准备要渲染的数据,根据你自己要求,接口返回的也可以
var mapData = [{
id: 1,
name: '北京',
value: 30
},
{
id: 2,
name: '广东',
value: 29
},
{
id: 3,
name: '四川',
value: 28
},
{
id: 4,
name: '上海',
value: 27
},
{
id: 5,
name: '山东',
value: 26
},
{
id: 6,
name: '江苏',
value: 25
},
{
id: 7,
name: '浙江',
value: 4.51
},
{
id: 8,
name: '河南',
value:24
},
{
id: 9,
name: '湖南',
value: 23
},
{
id: 10,
name: '陕西',
value: 22
},
{
id: 11,
name: '河北',
value: 21
},
{
id: 12,
name: '山西',
value: 20
},
{
id: 13,
name: '湖北',
value: 19
},
{
id: 14,
name: '安徽',
value: 18
},
{
id: 15,
name: '福建',
value: 17
},
{
id: 16,
name: '重庆',
value: 16
},
{
id: 17,
name: '天津',
value: 15
},
{
id: 18,
name: '江西',
value: 14
},
{
id: 19,
name: '广西',
value: 13
},
{
id: 20,
name: '辽宁',
value: 12
},
{
id: 21,
name: '内蒙古',
value: 11
},
{
id: 22,
name: '吉林',
value: 10
},
{
id: 23,
name: '贵州',
value: 9
},
{
id: 24,
name: '黑龙江',
value: 8
},
{
id: 25,
name: '甘肃',
value: 6
},
{
id: 26,
name: '云南',
value: 7
},
{
id: 27,
name: '新疆',
value: 5
},
{
id: 28,
name: '海南',
value: 5
},
{
id: