echarts geo3D 设置鼠标可转动地图

要使 echarts geo3D 地图可被鼠标转动，你需要设置 `geo3D` 的 `rotate` 属性为 `true`，并且在地图容器上绑定鼠标事件。以下是一个示例代码：

var myChart = echarts.init(document.getElementById('main'));
myChart.setOption({
    geo3D: {
        map: 'world',
        roam: true,
        rotate: true // 开启地图旋转
    },
    series: {
        type: 'lines3D',
        coordinateSystem: 'geo3D',
        ...
    }
});

// 绑定鼠标事件
var isDragging = false;
var previousMousePosition = {
    x: 0,
    y: 0
};
myChart.getZr().on('mousedown', function (params) {
    isDragging = true;
    previousMousePosition = {
        x: params.event.clientX,
        y: params.event.clientY
    };
});
myChart.getZr().on('mousemove', function (params) {
    if (!isDragging) {
        return;
    }
    var delta = {
        x: params.event.clientX - previousMousePosition.x,
        y: params.event.clientY - previousMousePosition.y
    };
    myChart.dispatchAction({
        type: 'geo3DRotate',
        dx: delta.x,
        dy: delta.y
    });
    previousMousePosition = {
        x: params.event.clientX,
        y: params.event.clientY
    };
});
myChart.getZr().on('mouseup', function () {
    isDragging = false;
});

在上面的代码中，我们通过设置 `geo3D` 的 `rotate` 属性为 `true`，开启地图旋转功能。然后我们在地图容器上绑定了鼠标事件，通过 `geo3DRotate` 动作来实现地图的旋转。其中，`dx` 和 `dy` 分别表示鼠标在 X 和 Y 方向的移动距离。