echart3D地球上貼2D組件

globe與geo完美結合

globe

• globe用於繪製3D地球，屬於echart-gl.js，本身可以進行座標和連線的顯示，但是要使用lines3D和scatter3D，此時就會有屬性的限制。
• 平面上使用的lines和scatter與3D版的在座標使用上一致，但是有些特效和屬性是3D沒有的，比如想在3D時繪製在線上也可出現的自定義symbol，lines3D不支持這樣的效果。
• 二者的結合就非常重要了。注意：**globe的baseTexture允許放置canvas和echart實例，**那麼可以將2d的geo或map與3d的globe結合起來，實現地球上各種特效的騷操作。

// 使用 echarts 繪製世界地圖的實例作爲紋理
var canvas = document.createElement('canvas');
var mapChart = echarts.init(canvas, null, {
    width: 4096, height: 2048
});
mapChart.setOption({
    series : [
        {
            type: 'map',
            map: 'world',
            // 繪製完整尺寸的 echarts 實例
            top: 0, left: 0,
            right: 0, bottom: 0,
            boundingCoords: [[-180, 90], [180, -90]]
        }
    ]
});
...
baseTexture: mapChart

自定義的地圖可以使用geoJSON,也可以放在地球上，實現將地球區域性遮蓋的效果
echart文檔詳實全面，可以仔細研究https://www.echartsjs.com/zh/option-gl.html#globe.baseTexture