ECharts 3D地球,怎么通过经纬度确定一个点,并显示

<div id="container" style="height: 100%"></div>

<!-- js部分 -->

<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=xfhhaTThl11qYVrqLZii6w8qE5ggnhrY&__ec_v__=20190126"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>

<script type="text/javascript">

    var dom = document.getElementById("container");
    var myChart = echarts.init(dom);
    var app = {};
    option = null;
    option = {



        backgroundColor: '#000',
        globe: {
            baseTexture: '../components/img/earth.jpg',
            heightTexture: '../components/img/bathymetry_bw_composite_4k.jpg',

            displacementScale: 0.1,

            shading: 'lambert',

            environment: '../components/img/starfield.jpg',

            light: {
                ambient: {
                    intensity: 0.1
                },
                main: {
                    intensity: 1.5
                }
            },

            layers: [{
                type: 'blend',
                blendTo: 'emission',
                texture: '../components/img/night.jpg'
            }, {
                type: 'overlay',
                texture: '../components/img/clouds.png',
                shading: 'lambert',
                distance: 5
            }]
        },
        series: []
    };


</script>


慕勒3454751
浏览 3222回答 2
2回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5