配置项如下
var planePath = 'path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z';
option = {
geo: {
map: 'china',
label: {
normal: {
show: true
},
emphasis: {
show: true,
textStyle: {
color: 'white'
}
}
},
roam: true,
itemStyle: {
normal: {
areaColor: '#323c48',
borderColor: '#404a59'
},
emphasis: {
areaColor: 'red'
}
},
regions: [{
name: '西藏',
label: {
emphasis: {
show: true,
textStyle: {
color: '#000'
}
}
},
itemStyle: {
emphasis: {
show: true,
areaColor: 'yellow'
}
}
}]
},
series: {
type: 'lines',
name: "线图",
coordinateSystem: 'geo', // 这里可以改成 bmap
xAxisIndex: 0,
yAxisIndex: 0,
geoIndex: 0,
polyline: true,
large: false,
largeThreshold: 2000,
lineStyle: {
normal: {
color: "#fff",
width: 1,
opacity: 0.4,
curveness: 0.2
}
},
label: {
normal: {
show: true,
position: 'middle',
formatter: '哈哈哈哈哈哈{c}',
textStyle: {
color: '#000',
fontSize: 20
}
}
},
effect: {
show: true,
period: 4,
color: 'blue',
symbolSize: 20,
symbol: planePath
},
data: [{
name: "test",
coords: [
[100.5107, 23.2196], // 起点
// [100.5107, 30.2196],
[120.5107, 23.2196] // 终点
// 如果 polyline 为 true 还可以设置更多的点
],
// 统一的样式设置
lineStyle: {
normal: {
curveness: 0.2
}
},
label: {
normal: {
show: true
}
}
}, {
name: "testLines",
coords: [
[100.5107, 30.2196], // 起点
[100.5107, 32.2196],
[120.5107, 34.2196] // 终点
// 如果 polyline 为 true 还可以设置更多的点
],
// 统一的样式设置
lineStyle: {
normal: {
color: 'red',
width: 10
}
},
label: {
normal: {
show: true,
formatter: '哈哈{a}'
}
}
}],
zlevel: 2,
z: 3
}
}