uni-app map 组件 腾讯地图 安卓无法拖动 缩放 跟一张图片似的

uni-app map 组件 腾讯地图 安卓无法拖动 缩放 跟一张图片似的

开发环境 版本号 项目创建方式
Windows windows11 HBuilderX

示例代码：

<map :longitude="currentLongitude" :latitude="currentLatitude" :scale="currentScale" :markers="markers"  
  :show-location="showLocation" :include-points="includePoints" :circles="circles" :polyline="polyline"  
  :polygons="polygons" class="map" @tap="handleMapTap"  
  @markertap="handleMarkerTap" @poitap="handleMapTap" :enable-zoom="true" :enable-scroll="true" id="map"></map>

操作步骤：

无

预期结果：

和小程序表现一致，地图组件正常

实际结果：

安卓无法拖动，缩放，跟一张图片似的

bug描述：

在小程序表现正常； 安卓上也展示图片，感觉API啥的都可以用，只是无法拖动，缩放；另外展示当前位置的icon的箭头也永远不会动。整个map跟静态的一样


更多关于uni-app map 组件 腾讯地图 安卓无法拖动 缩放 跟一张图片似的的实战教程也可以访问 https://www.itying.com/category-93-b0.html

15 回复

我使用 HBuilderX 内置的 hellouniapp，配置腾讯地图，vue3 + 安卓真机，拖动是正常的，你可测试 hellouniapp 是否正常，如果还是有问题可以提供复现工程说明问题

更多关于uni-app map 组件 腾讯地图 安卓无法拖动 缩放 跟一张图片似的的实战教程也可以访问 https://www.itying.com/category-93-b0.html


换了一台手机可以拖动，还有个问题能回复一下吗。就是APP使用腾讯 map 如何在 点击时获取点击点的经纬度，我看文档写的不支持vue。

@tap EventHandle 点击地图时触发; App-nvue、微信小程序2.9支持返回经纬度

回复 m***@gmail.com: 原本的问题不能稳定复现吗？新问题参考文档和实际效果，可以使用 label 实现

回复 DCloud_UNI_OttoJi: 感谢您的回复。我尝试了hellouniapp，还是不行。我的操作路径是这样的 1、git下载hellouniapp 2、APP模块map配置腾讯地图key 3、把map.nvue改为了 map.vue（因为不改的话一直是高德地图） 4、页面地图展示有问题，且不能拖动、缩放这些，和我自己项目的表现一样

ps：还是想问下大佬说的label 是指@labeltap 嘛，我想要的是任意位置点击就能返回经纬度，就是 @tap 在小程序上的表现一样。目前没找到好的方法

补充：我拿小米手机试了一下hellouniapp。xiaomi13 安卓版本15 。是可以正常拖动的。但是缩放到一定程度后就不能缩放了(但可以拖动)，很奇怪，这个也和我的项目中表现的一致。

回复 m***@gmail.com: 缩放到一定程度 指的是 看到的范围更大，差不多到省级就不能再缩小了，看不到整个中国地图全貌

回复 DCloud_UNI_OttoJi: 希望大佬给个答复，目前app使用腾讯地图，是否可以实现点击任意地图位置，能获取到点击处的经纬度，就是@tap在小程序的效果。感谢

回复 m***@gmail.com: 第二个问题，点击返回经纬度，暂不支持。 第一个问题我本地使用安卓真机未复现，你也提到了有的手机是好的，最好能找到规律。

你最好提供复现工程和操作说明，提供一个录屏说明问题。我没能复现你的问题

回复 DCloud_UNI_OttoJi: 私信您了

回复 DCloud_UNI_OttoJi: 大佬，目前vue上不支持点击返回经纬度，那有没有其他途径实现这个功能呢。要是改为nvue就得用高德，考虑各种组件的层级了，改动实在太大了。目前就想能不能通过其他方案，在APP上实现点击地图点 能获取到经纬度。 感谢，期待回复~

回复 m***@gmail.com: 可以在插件市场里搜 高德、筛选一下 uts 插件，找找有没有合适的，你提到的混合渲染，个别页面使用 nvue 也是一个方案。

这个问题通常是由于地图组件在安卓平台上的配置或权限问题导致的。以下是几个关键排查点：

  1. 检查 manifest.json 配置： 确保在 manifest.json 的 app-plus -> modules 中已正确配置腾讯地图模块：

    "maps": {
  "provider": "qqmap"
}

  2. 确认地图密钥配置： 在腾讯地图开放平台申请正确的 SDK 密钥，并在 manifest.json 中配置：

    "qqmap": {
  "key": "你的腾讯地图密钥"
}

  3. 检查权限配置： 在 manifest.json 的 app-plus -> distribute -> android 中确保已添加必要权限：

    "permissions": [
  "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
  "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>"
]

  4. 验证组件属性： 你代码中的 :enable-zoom="true" 和 :enable-scroll="true" 是正确的，但需要确认这些值没有被其他逻辑覆盖。

  5. 测试基础功能： 尝试简化地图组件，只保留核心属性进行测试：

    <map :longitude="currentLongitude" :latitude="currentLatitude" :scale="currentScale"></map>
回到顶部