在react中用echarts实现3d地球

在react中用echarts实现3d地球

1.安装echarts,和3d,去官网看如何安装就行
2.导入import echarts from 'echarts'

import echartsGL from 'echarts-gl'

3.render组件里面写div.

render() {
		return (
			<div className="middleEarth">
				
				<div id="box" className="earth-middle"
					style={
  { width: '100%', height:'400px' ,marginTop:'250px'}}>
				</div>
				<div className="earth-bottom">
				<div className="dizuo"></div>
				</div>
			</div>
		)
	}

4.在componentdidmount里配置

loadPie() {
		let canvas = document.createElement('canvas');
		let mapChart = echarts.init(canvas, null, {
			width: 4096,