快乐的琪宝贝
快乐的琪宝贝
  • 发布:2023-02-09 17:15
  • 更新:2023-02-27 15:55
  • 阅读:595

h5地图缩放触发气泡点的点击

分类:uni-app
<map id="mapId" show-location scale="scale" longitude="lng" latitude="lat" markers="mapMarkers" @click="click_map"
@regionchange="moveMap"
@markertap="chooseStation"
@callouttap="chooseStation"
>
如上所示,触发regionchange的同时,也触发了markertap事件;
还有个问题是缩放地图时,regionchange返回的causedBy是‘drag’,理应是‘scale’
2023-02-09 17:15 负责人:无 分享
已邀请:

最佳回复

DCloud

DCloud

HBuilderX 3.7.6.20230227-alpha 已修复。

DCloud_UNI_WZF

DCloud_UNI_WZF

vue版本及地图服务商是哪个

  • 快乐的琪宝贝 (作者)

    vue2.0 高德地图

    2023-02-09 17:35

  • DCloud_UNI_WZF

    回复 9***@qq.com: 测试未复现该问题,请检查代码逻辑,如确认组件问题,提供最简可复现demo

    2023-02-09 18:02

  • 快乐的琪宝贝 (作者)


    回复 2063586: <template>

    <view>

    <view class="page-body">

    <view class="page-section page-section-gap">

    <map

    style="width: 100%; height: 300px"

    latitude="latitude"

    longitude="longitude"

    markers="covers"
    @markertap="clickMarker"

    @regionchange="moveMap"

    >

    </map>

    </view>

    </view>

    </view>

    </template>


    <script>

    export default {

    data() {

    return {

    id: 0, // 使用 marker点击事件 需要填写id

    title: "map",

    latitude: 39.909,

    longitude: 116.39742,

    covers: [

    {

    id: 1,

    latitude: 39.909,

    longitude: 116.39742,

    iconPath:

    "https://app-ccchong-com.oss-cn-qingdao.aliyuncs.com/map_markers_icon.png",

    },

    {

    id: 2,

    latitude: 39.9,

    longitude: 116.39,

    iconPath:

    "https://app-ccchong-com.oss-cn-qingdao.aliyuncs.com/map_markers_icon.png",

    },

    ],

    };

    },

    methods: {

    moveMap(e) {

    console.log("moveMap===>e: ", e.detail.causedBy);

    },

    clickMarker(e) {

    console.log("clickMarker===>e: ", e);

    },

    },

    };

    </script>

    2023-02-13 14:05

  • DCloud_UNI_WZF

    回复 9***@qq.com: 确认下是不是手指缩放时滑过了marker

    2023-02-13 14:23

  • 快乐的琪宝贝 (作者)

    回复 DCloud_UNI_WZF: 是的,现实中肯定会有这种情况的

    2023-02-13 14:46

  • DCloud_UNI_WZF

    回复 9***@qq.com: 试下临时方案是否可以解决你的问题

    2023-02-13 15:32

  • 快乐的琪宝贝 (作者)

    回复 DCloud_UNI_WZF: 可以解决,还有第二个问题,缩放返回的是‘drag’的问题

    2023-02-14 09:10

  • DCloud_UNI_WZF

    回复 9***@qq.com: 附件我更新了下,你试下是否可以解决第二个问题

    2023-02-14 10:42

  • 快乐的琪宝贝 (作者)

    回复 DCloud_UNI_WZF: 还是不行

    2023-02-14 15:00

  • DCloud_UNI_WZF

    回复 9***@qq.com: 不行具体指什么,我测试 双指缩放会触发一到多次 regionchange,其中至少有一次 causedBy 为 scale

    2023-02-14 15:04

  • 快乐的琪宝贝 (作者)

    回复 DCloud_UNI_WZF: 我这边还是只会触发drag

    2023-02-14 15:49

  • DCloud_UNI_WZF

    回复 9***@qq.com: 是否替换了更新后的附件文件,如已替换,私信提供下远程方式看下

    2023-02-14 15:59

DCloud_UNI_WZF

DCloud_UNI_WZF

vue2 复现该问题,感谢反馈,已加分
临时解决方案:
替换 HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/uni-h5/dist/index.umd.min.js 为附件文件

要回复问题请先登录注册