ecomfe / echarts-gl

Extension pack for Apache ECharts, providing globe visualization and 3D plots.
BSD 3-Clause "New" or "Revised" License
2.6k stars 844 forks source link

geo3D中在做地图下钻的时候怎么控制地图位置以及地图大小? #249

Closed wangyu142857 closed 5 years ago

wangyu142857 commented 6 years ago

使用 left width属性控制的是组件的位置和大小,并不能控制的地图的位置和大小,加载广东地图基本上都是靠左边,下钻的时候也是部分不显示。

image

    let option = {
        geo3D: {
            map: acode,
            boxWidth: 100,
            boxHeight: 4,
            boxDepth: 'auto',
            regionHeight: 3,
            itemStyle: {
                borderWidth: 1,
                borderColor: '#6fb6f4'
            },
            shading: 'realistic',
            viewControl: {
                rotateSensitivity: 0
            },
            label: {
                show: true,
                distance: -1
            },
            emphasis: {
                label: {
                    show: false
                },
                itemStyle: {
                    color: '#6fb6f4'
                }
            },
            regions: mapData.map(item => {
                return {
                    name: item.name,
                    itemStyle: {
                        color: mapColor(item.value)
                    }
                }
            }),
            // left: '10%'
        },
        series: [
            {
                type: 'scatter3D',
                name: '广东省',
                coordinateSystem: 'geo3D',
                symbol: 'pin',
                symbolSize: 30,
                itemStyle: {
                    color: '#63DC90'
                },
                label: {
                    show: false,
                    formatter: params => params.name,
                    textStyle: {
                        color: '#E6FB71',
                        borderWidth: 0,
                        fontSize: 14,
                        backgroundColor: 'transparent'
                    },
                    // position: 'bottom',
                    distance: 0
                },
                emphasis: {
                    label: {
                        show: true
                    },
                },
                data: data
            },
        ]
    }
huajie6 commented 6 years ago

我也有这个需求,如果不去修改echarts-gl的源码的话,地图的位置和大小可以通过 viewControl的center 和distance来控制,需要自己手动调整。😭

lolysc commented 5 years ago

我也是这么干的。地图的位置和大小可以通过 viewControl的center 和distance来控制。找了半天zoom,发现:没有!

RizerKayseri commented 1 year ago

使用center来控制的时候极其卡顿 请问有没有什么好办法 我需要用滚轮来控制单方向滑动