z***@163.com
z***@163.com
  • 发布:2024-08-01 23:47
  • 更新:2024-08-02 19:27
  • 阅读:221

【报Bug】vue2版本包含地图的打包的app, 点击地图 tap 事件 没有返回地图经纬度, 与说明文档不符

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 10 专业版 22H2

HBuilderX类型: 正式

HBuilderX版本号: 4.24

手机系统: 全部

手机厂商: 华为

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

测试过的手机:

小米k60, 一加5, 苹果13

示例代码:
<template>  
    <view>  
        <view class="page-body">  
            <view class="page-section page-section-gap">   
                <map style="width: 100%; height: 300px;" @tap="maptap" :latitude="latitude" :longitude="longitude" :markers="covers">  
                </map>  
            </view>  
        </view>  
    </view>  
</template>  

<script>  
export default {  
    data() {  
        return {  
            id:0, // 使用 marker点击事件 需要填写id  
            title: 'map',  
            latitude: 39.909,  
            longitude: 116.39742,  
            covers: [{  
                latitude: 39.909,  
                longitude: 116.39742,  
                iconPath: '../../../static/location.png'  
            }, {  
                latitude: 39.90,  
                longitude: 116.39,  
                iconPath: '../../../static/location.png'  
            }]  
        }  
    },  
    methods: {  
        maptap(e){  
            console.log('地图点击事件maptap',e)  
        }  
    }  
}  
</script>

操作步骤:

manifest 文件

    "vueVersion" : "2"

预期结果:

vue2版本包含地图的打包的app, 点击地图 tap 事件返回地图经纬度

实际结果:

vue2版本包含地图的打包的app, 点击地图 tap 事件 没有返回地图经纬度, 与说明文档不符

bug描述:

map标签组件, vue3版本打包的app地图, @tap点击地图时触发 支持返回经纬度, 但是vue2版本打包的app地图, @tap事件里, 没有返回经纬度

vue3 版本点击地图返回的数据

{  
    "defaultPrevented": false,  
    "timeStamp": 0,  
    "_stop": false,  
    "_end": false,  
    "type": "onTap",  
    "bubbles": false,  
    "cancelable": false,  
    "target": {  
        "dataset": {},  
        "id": "",  
        "offsetLeft": 0,  
        "offsetTop": 21  
    },  
    "detail": {  
        "longitude": 116.398903,  
        "latitude": 39.907614  
    },  
    "currentTarget": {  
        "dataset": {},  
        "id": "",  
        "offsetLeft": 0,  
        "offsetTop": 21  
    }  
}

Vue2 版本点击地图返回的数据

{  
    "target": {  
        "dataset": {},  
        "id": "",  
        "offsetLeft": 0,  
        "offsetTop": 23  
    },  
    "type": "click",  
    "timeStamp": 0,  
    "detail": {},  
    "currentTarget": {  
        "dataset": {},  
        "id": "",  
        "offsetLeft": 0,  
        "offsetTop": 23  
    },  
    "changedTouches": [  
        {  
            "force": 1,  
            "identifier": 0  
        }  
    ],  
    "touches": [  
        {  
            "force": 1,  
            "identifier": 0  
        }  
    ],  
    "preventDefault": "function() { [native code] }",  
    "stopPropagation": "function() { [native code] }",  
    "mp": {  
        "@warning": "mp is deprecated",  
        "target": {  
            "dataset": {},  
            "id": "",  
            "offsetLeft": 0,  
            "offsetTop": 23  
        },  
        "type": "click",  
        "timeStamp": 0,  
        "detail": {},  
        "currentTarget": {  
            "dataset": {},  
            "id": "",  
            "offsetLeft": 0,  
            "offsetTop": 23  
        },  
        "changedTouches": [  
            {  
                "force": 1,  
                "identifier": 0  
            }  
        ],  
        "touches": [  
            {  
                "force": 1,  
                "identifier": 0  
            }  
        ],  
        "preventDefault": "function() { [native code] }",  
        "stopPropagation": "function() { [native code] }"  
    },  
    "_processed": true  
}
2024-08-01 23:47 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

文档中有说,nvue会返回经纬度

要回复问题请先登录注册