vue+echarts配合bmap做数据可视化页面，在触摸大屏幕上面不支持手势解决方案

置顶你好！YOYO

于 2020-01-02 23:29:43 发布

阅读量1.3k

点赞数

分类专栏： vue+echarts数据可视化开发及注意事项文章标签：可视化 vue.js javascript html5 node.js

本文链接：https://blog.youkuaiyun.com/qq_36710522/article/details/103812854

版权

vue+echarts数据可视化开发及注意事项专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何解决在Vue项目中，结合ECharts和BMap在触摸大屏幕不支持手势操作的问题。通过保存并修改百度地图API返回的脚本，替换navigator为myNavigator并重写相关方法，可以实现双指手势操作。但可能引发地图标点在触摸屏上无法点击的新问题。若问题依然存在，可考虑切换到Amap或Highmaps，并注意高德地图的自适应方案避免地图错位。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

bmap在结合echarts做的时候，在触摸大屏幕上面不能够支持手势进行操作(例如双指放大缩小手势)

第一步：保存百度使用API返回的脚本，找到接口 http://api.map.baidu.com/getscript?v=版本号，命名为本地js文件；
第二步：在刚保存好的本地文件中要做一点修改，全局搜索 navigator 关键词将navigator 取代成 myNavigator，然后重写 myNavigator;
第三步：在本js文件中找个地方重写myNavigator；

var myNavigator={};
myNavigator.platform="win32";
myNavigator.userAgent="Mozilla/5.0 (Linux; U; Android 4.4.4; Nexus 5 Build/KTU84P) AppleWebkit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30";
myNavigator.appVersion="5.0 (Linux; U; Android 4.4.4; Nexus 5 Build/KTU84P) AppleWebkit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30";