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
spc文件怎么看，spc文件用什么打开？
0文件怎么看，0文件用什么打开？
sparseimage文件怎么看，sparseimage文件用什么打开？
sp文件怎么看，sp文件用什么打开？
dv文件怎么看，dv文件用什么打开？
soundpack文件怎么看，soundpack文件用什么打开？
dus文件怎么看，dus文件用什么打开？
dtw文件怎么看，dtw文件用什么打开？
spdf文件怎么看，spdf文件用什么打开？
0文件怎么看，0文件用什么打开？