echarts世界地图jso数据,word.json, 自转地球

echarts世界地图json 文件,自转地球

			const chartCopyright = this.$echarts.init(document.getElementById('globe'))
			
             var myChart = echarts.init(uploadword);
            
             echarts.registerMap("word", { geoJSON: uploadword });
            
            var option = {
                backgroundColor: '#f4f4f4',//背景颜色
            
                 globe: {
                   // baseTexture: uploadword, // 基础纹理
                    globeRadius: 150, // 球面半径
                    
                    baseTexture: this.url2,//地球的纹理
                    
                    heightTexture: this.url,//地球的高度纹理
                    
                    environment: '#000',
                     
                    shading: 'color',
                    light: {
                         // 光照阴影部分
                         main: {
                             color: '#fff', // 光照颜色
                             intensity: 1, //强度
                            alpha: 40,
                            beta: -30,
                         },
                         ambient: {
                             color: '#fff',
                             intensity: 1,
                         },
                     },
                     viewControl: {
                       alpha: 30,
                       beta: 160,
                         autoRotate: true, 
                        autoRotateAfterStill: 10,
                         distance: 240,
                     },
                 },
                series: [
                    {
                       name: '',
                       type: 'lines3D',
                       coordinateSystem: 'globe',
                       effect: {
                            show: true,
                           period: 1, //尾迹特效的周期。
                           trailWidth: 3, //尾迹宽度
                           trailLength: 1, //尾迹的长度,
                           trailOpacity: 1, 
                           trailColor: "#0ff420"
                        },
                        blendMode: 'lighter',
                        lineStyle: {
                            width: 1,
                           color: "#f4281a",
                           opacity: 1
                        },
                        data: this.lindata,
                         silent: false,
                     },
                ],
            };
            chartCopyright.setOption(option);
            window.onresize = () => {
                chartCopyright.resize();
            };
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值