echarts渲染3d地图以及交互事件

时间：2026-01-29 09:27:43

环境

导入

安装npm包 echarts echartsgl
import * as echarts fr "echarts"
import "echartsgl"

html

<div id="mapcontainer"></div>

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)

上一篇：ls: Call From bigdata01/192.168.10.100 to bigdata01:9000 failed on connection exception: java.net.Co
下一篇：7-26