1***@qq.com
1***@qq.com
  • 发布:2026-02-04 20:39
  • 更新:2026-02-04 20:54
  • 阅读:12

我使用了map组件,为什么用浏览器打开在ipad尺寸下不能鼠标左键拖动,用原生vue去做可以拖动

分类:uni-app
2026-02-04 20:39 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

欢迎到专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。

在 uni-app 里 <map> 组件在 H5 端(包括 iPad 尺寸的浏览器)默认不会开启鼠标拖动,这是官方为了与小程序/App 端行为保持一致而做的限制。
如果你用“原生 Vue”直接写一个 <div> 自己包一层地图 SDK(如高德/腾讯的 JS-SDK),它们会默认响应鼠标事件,所以能拖得动;而 uni-app 的 <map> 组件在 H5 端内部把 dragging 设成了 false,因此鼠标左键拖不动。

解决思路

  1. 条件编译只在 H5 端把 dragging 设为 true
    <map  
     :latitude="lat"  
     :longitude="lng"  
     :dragging="dragging"  
    />  
    export default {  
     data() {  
       return {  
         lat: 39.9,  
         lng: 116.4,  
         // #ifdef H5  
         dragging: true,  
         // #endif  
         // #ifndef H5  
         dragging: false,  
         // #endif  
       }  
     }  
    }  
  2. 如果官方属性仍无效,可在 H5 端改用对应地图的 JS-SDK 自行实现,或到插件市场搜索“地图”关键词找社区封装好的 H5 地图组件。
内容为 AI 生成,仅供参考
1***@qq.com

1***@qq.com (作者)

怎么解决啊,我要在一体机上展示,现在不能拖动地图,我看vue的地图组件就可以拖动,我在uniapp中直接引入腾讯地图sdk,也可以和用map组件一样

要回复问题请先登录注册