
- 发布:2024-08-01 23:47
- 更新:2024-08-02 19:27
- 阅读:221
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows 10 专业版 22H2
HBuilderX类型: 正式
HBuilderX版本号: 4.24
手机系统: 全部
手机厂商: 华为
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
测试过的手机:
示例代码:
<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>
<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"
manifest 文件
"vueVersion" : "2"
预期结果:
vue2版本包含地图的打包的app, 点击地图 tap 事件返回地图经纬度
vue2版本包含地图的打包的app, 点击地图 tap 事件返回地图经纬度
实际结果:
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
}