search

apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.48k stars 19.62k forks source link

在电脑上 google浏览器 世界地图组件能支持拖动、放大缩小，但是在大屏上无法支持，在google浏览器已创建设备重现 ，帮忙看看 #14522

Closed firecodes closed 1 year ago

firecodes commented 3 years ago

Version

5.0.2

Steps to reproduce

  1. 在google浏览器按F12，在右侧底部找到设置图标，点击设置图标，创建桌面和手势事件。
  2. 创建设备成功之后，在打开echarts官网世界地图界面，按F12，选择刚创建设备（桌面和手势），发现世界地图无法拖动、放大、缩小等功能。 3.大屏显示器设备，经过多次测试，可以在google创建设备模拟出环境。

What is expected?

1.google浏览器 创建桌面和手势事件（指的是大屏，无鼠标，支持手势事件），世界地图组件能支持拖动、放大缩小

What is actually happening?

1.google浏览器 创建桌面和手势事件（指的是大屏，无鼠标，支持手势事件），世界地图组件不能支持拖动、放大缩小

这是官网世界地图组件，用新创建的设备，都不支持世界地图组件不能支持拖动、放大缩小 https://echarts.apache.org/examples/zh/editor.html?c=lines-bmap

echarts-bot[bot] commented 3 years ago

Hi! We've received your issue and please be patient to get responded. 🎉 The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure that you have posted enough image to demo your request. You may also check out the API and chart option to get the answer.

If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical question.

If you are interested in the project, you may also subscribe our mailing list.

Have a nice day! 🍵

echarts-bot[bot] commented 3 years ago

@firecodes It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people, we'd like to suggest using English next time. 🤗

TRANSLATED
**TITLE** Google Browser World Map Components on your computer supports drag, zoom in, but cannot be supported on the big screen, in the Google browser has created a reproduction, help **BODY** ### Version 5.0.2 ### Steps to reproduce 1. Press F12 in the google browser, find the settings icon at the bottom right, click the settings icon, and create desktop and gesture events. 2. After successfully creating the device, after opening the world map interface on the echarts website, press F12, select just created the device (desktop and gestures), and find that the world map can not be dragged, zoomed in, zoomed out and so on. 3. Large-screen display device, after many tests, you can create a device in google to simulate the environment. ### What is expected? 1.google browser create desktop and gesture events (refers to large screen, no mouse, support gesture events), the world map component can support drag, zoom in and out ### What is actually happening? 1.google browser create desktop and gesture events (refers to large screen, no mouse, support gesture events), the world map component can not support drag, zoom in and out --- This is the official website world map component, with the newly created device, do not support the world map component can not support drag, zoom in and out https://echarts.apache.org/examples/zh/editor.html?c=lines-bmap
firecodes commented 3 years ago

问题复现提供图片链接：

  1. 先按图片3创建大屏环境，https://firecodes.github.io/vue-manager/static/img/3.png
  2. 在打开官网提供世界地址，https://firecodes.github.io/vue-manager/static/img/2.png
pissang commented 3 years ago

这个应该是百度地图的问题，可以去百度地图相关渠道反馈

firecodes commented 3 years ago

这个应该是百度地图的问题，可以去百度地图相关渠道反馈

经过测试，用百度地图 SDK： http://lbsyun.baidu.com/jsdemo.htm#aCreateMap ， 在大屏显示器世界地图能支持拖动、放大缩小。 而echarts 封装的不行，经过api链接对比，链接参数多了type=webgl影响的。

firecodes commented 3 years ago

应该是echarts不支持大屏（桌面和手势事件）显示器的bug， google浏览器都能创建出设备模拟环境。 能否帮忙改下，问题也是必现，最近也在看echarts源代码（拖动这块的）

plainheart commented 3 years ago

我测试官方的实例在你的配置下是可以正常拖动的。注意更改完 device 之后刷新一下，echarts 需要重新检测下 env

firecodes commented 3 years ago

@plainheart 麻烦按图创建正确的大屏环境，不是移动端环境，是PC环境打开google浏览器支持手势操作，世界地图sdk官方demo是支持，嵌套到echarts调用不支持。 创建一个环境，肯定要刷新界面，echarts内部环境变量判断都看过多次了。

firecodes commented 3 years ago

@plainheart 请仔细看我提供图3和图2，怎么创建window环境PC支持手势操作的环境，官方demo都测试过。

plainheart commented 3 years ago

1) 大屏环境我已按照图中提供的参数配置 1500 * 700 / dpr 1 / Desktop (touch)

screenshot

2) 官方提供的示例是基于 BMap 而不是 BMap GL 3) 我得出的结论是基于未修改的官方示例代码（是否提供的截图中测试的代码经过修改？） 4) 需要确认下自己是在使用 BMap 还是 BMap GL。如果正在使用 BMap GL（通过 type=webgl&v=1.0 引入），ECharts 提供的 bmap 扩展插件并不兼容（GL 的命名空间是 BMapGL 而不是 BMap）。

firecodes commented 3 years ago
  1. 大屏环境我已按照图中提供的参数配置 1500 * 700 / dpr 1 / Desktop (touch)
screenshot
  1. 官方提供的示例是基于 BMap 而不是 BMap GL
  2. 我得出的结论是基于未修改的官方示例代码（是否提供的截图中测试的代码经过修改？）
  3. 需要确认下自己是在使用 BMap 还是 BMap GL。如果正在使用 BMap GL（通过 type=webgl&v=1.0 引入），ECharts 提供的 bmap 扩展插件并不兼容（GL 的命名空间是 BMapGL 而不是 BMap）。
  1. 没有改过官方界面任何代码，创建完大屏环境，拿2个界面测试效果，https://echarts.apache.org/examples/zh/editor.html?c=lines-bmap （echarts提供的demo），http://lbsyun.baidu.com/jsdemo.htm#aCreateMap（百度地图sdk提供的demo），发现echarts不支持。
  2. 项目中使用echarts显示世界地图，因为要支持echarts提供其余组件功能（例如折现图、散点图等），不能用BMap GL地图功能。 但测试出大屏一个支持，一个不支持，这又是选择题。
  3. 所以要问下，echarts如何支持大屏手势功能
github-actions[bot] commented 1 year ago

This issue has been automatically marked as stale because it did not have recent activity. It will be closed in 7 days if no further activity occurs. If you wish not to mark it as stale, please leave a comment in this issue.

github-actions[bot] commented 1 year ago

This issue has been automatically closed because it did not have recent activity. If this remains to be a problem with the latest version of Apache ECharts, please open a new issue and link this to it. Thanks!