I can't get right-rendered GL-options ,in globe/environment-and-baseTexture-and-heightTexture

• I am using English in this issue.

General Questions

• I have read the document and examples and tried to solve it by myself.
• [x ] I have searched for similar issues and that didn’t help.
• [x ] I have tried with the latest version of ECharts and still have this problem.

In this issue, I have provided information with:

• issue type
• one sentence description in issue details
• demo if this is bug report

Issue Type

• [ x ] I have a question to ask about how to use ECharts to …
• [ x ] I have a bug to report
• I have a feature to request, e.g.: I’d like a new feature that …
• I have a feature to enhance, e.g.: The current feature should be improved in the way that …
• There’s something wrong with the documents
• Others, or I’m not sure which issue types to choose here

Issue Details

when I used codes as follow: globe: { show: true, environment: ‘/public/space.jpg’, //外部太空环境 baseTexture: ‘/public/earth.jpg’, //地球的纹理(这里用的山川河流) heightTexture: ‘/public/height.jpg’, //地球的高度纹理

        displacementScale: 0.04,
        shading: 'realistic',
        realisticMaterial: {
          roughness: 0.8
        },
        light: {
          ambient: {
            intensity: 0.4
          }
        },
        viewControl: {
          autoRotate: true,
          autoRotateDirection: 'ccw',
          distance: 160,
          minDistance: 60,
          miaxDistance: 300,
          autoRotateSpeed: 5,
          autoRotateAfterStill: 8,
          targetCoord: [113.762137,34.711329]
        },
      },

I can’t get the rendered ‘environment’ , ‘baseTexture’ and ‘heightTexture’,but the default black envir and white earth.Sometimes when I change ’ import echarts-gl ’ to 'import ‘echarts/dist/echarts-gl’ ’ and run the ‘vue-cli-service serve’ ,I got the right result. I found a fancy img in my browser console/network

Expected Behavior

Current Behavior

Online Example

{ADD_LINK_OF_DEMO_HERE}

globe: { show: true, environment: ‘/public/space.jpg’, //外部太空环境 baseTexture: ‘/public/earth.jpg’, //地球的纹理(这里用的山川河流) heightTexture: ‘/public/height.jpg’, //地球的高度纹理

        displacementScale: 0.04,
        shading: 'realistic',
        realisticMaterial: {
          roughness: 0.8
        },
        light: {
          ambient: {
            intensity: 0.4
          }
        },
        viewControl: {
          autoRotate: true,
          autoRotateDirection: 'ccw',
          distance: 160,
          minDistance: 60,
          miaxDistance: 300,
          autoRotateSpeed: 5,
          autoRotateAfterStill: 8,
          targetCoord: [113.762137,34.711329]
        },
      },

Topics

• Legend
• Tooltip
• Event
• Performance
• SVG
• Map
• [x ] ECharts GL
• [x ] Third-party libraries,Vue.js’s .vue

Anything Else We Need to Know

{DESCRIBE_HERE}

Environment

• ECharts version: “echarts”: “^4.2.0-rc.2”, “echarts-gl”: “^1.1.1”,

• It happens only on certain browsers or operating systems.

版本 70.0.3538.102（正式版本） （64 位）

[Jet12138]

I suggested put the three jpgs in the Vue CLI3 in the public folder. And the config for the ‘globe’ as following: environment: ‘./space.jpg’, //外部太空环境 baseTexture: ‘./earth.jpg’, //地球的纹理(这里用的山川河流) heightTexture: ‘./height.jpg’, //地球的高度纹理

[MONTYYYYY]

I suggested put the three jpgs in the Vue CLI3 in the public folder. And the config for the ‘globe’ as following: environment: ‘./space.jpg’, //外部太空环境 baseTexture: ‘./earth.jpg’, //地球的纹理(这里用的山川河流) heightTexture: ‘./height.jpg’, //地球的高度纹理

I suggested put the three jpgs in the Vue CLI3 in the public folder. And the config for the ‘globe’ as following: environment: ‘./space.jpg’, //外部太空环境 baseTexture: ‘./earth.jpg’, //地球的纹理(这里用的山川河流) heightTexture: ‘./height.jpg’, //地球的高度纹理

awesome stuff