echarts渲染3d地图以及交互事件
环境
vue2
导入
安装npm包 echarts echartsgl
import * as echarts fr "echarts"
import "echartsgl"
html
<div id="mapcontainer"></div>
js
import GeoZJ fr 'mapJson.josn'
const d = document.getElementById("mapcontainer")
this.myChart = echarts.init(d)
// 配置项
const option = , // label样式
itemStyle: ,
emphasis: ,
itemStyle: ,
},
light: ,
},
viewControl: ,
regions: [], // 指定区域样式
},
series: [ // 通过series[0].type.map3D支持数据区域的点击事件
,
regionHeight: 8,
viewControl: ,
zlevel: 10,
},
]
}
// 点击事件
this.myChart.on("click", params => )
echarts.registerMap("mapjson", GeoZJ)
this.myChart.setOption(option)
上一篇:/和\的区别
下一篇:23-8-1
pla文件怎么看,pla文件用什么打开?
pl1文件怎么看,pl1文件用什么打开?
pl文件怎么看,pl文件用什么打开?
pl0文件怎么看,pl0文件用什么打开?
pkt文件怎么看,pkt文件用什么打开?
pkm文件怎么看,pkm文件用什么打开?
pks文件怎么看,pks文件用什么打开?
pka文件怎么看,pka文件用什么打开?
pkh文件怎么看,pkh文件用什么打开?
pkg文件怎么看,pkg文件用什么打开?