<template>
<view>
<view class="page-body">
<view class="page-section page-section-gap">
<map style="width: 100%; height: 600px;" :latitude="latitude" :longitude="longitude" :markers="covers" @markertap="markertap">
</map>
</view>
</view>
</view>
</template>
<script>
import { mapGetters } from "vuex";
export default {
components: {},
props: {
mapHeight: {
type: Number,
default: 300,
},
},
data() {
return {
id:0, // 使用 marker点击事件 需要填写id
title: 'map',
latitude: 39.909,
longitude: 116.39742,
covers: [{
latitude: 39.909,
longitude: 116.39742,
iconPath: '../../static/images/mark.png'
}, {
latitude: 39.90,
longitude: 116.39,
iconPath: '../../static/images/mark2.png'
}]
};
},
methods: {
markertap (e) {
console.log(e, '==============')
}
}
};
</script>
- 发布:2022-06-07 15:57
- 更新:2024-05-06 15:26
- 阅读:1162
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.4.7
浏览器平台: Chrome
浏览器版本: 91.0.4472.123
项目创建方式: HBuilderX
示例代码:
操作步骤:
如上代码示例。
如上代码示例。
预期结果:
点击触发事件。
点击触发事件。
实际结果:
未触发事件。
未触发事件。
bug描述:
使用示例代码 ,增加 @markertap 事件点击无效。
https://uniapp.dcloud.io/component/map.html
https://hellouniapp.dcloud.net.cn/pages/component/map/map