同题目 uni-app的map上@markertap点击无效 不是marker Id的问题
直接上代码
<map id="mainmap" ref="mainmap" :latitude="latitude" :longitude="longitude"
:show-location="true" :enable-traffic="true" v-if="maptype==='main'" @markertap="showDrivermsg">
</map>
js代码:
//在onready中初始化的地图实例
baseMap = uni.createMapContext('mainmap', this);
//点击marker应该执行的方法
showDrivermsg(e) {
console.log("显示被点击的marker信息",e);
},
//markers数据:
let newenablemarkers = [
{
"id": 48,
"latitude": "38.874767",
"label": {
"content": "张三",
"color": "#ffffff",
"fontSize": 14,
"anchorX": -23,
"anchorY": -23,
"borderRadius": 5,
"borderWidth": 4,
"borderColor": "#AF1E23",
"bgColor": "#AF1E23"
},
"iconPath": "../../mm48.jpg",//此路径为无效路径因为要求必填,随便写的
"longitude": "115.44913"
},
{
"id": 49,
"latitude": "38.764497",
"label": {
"content": "李四",
"color": "#ffffff",
"fontSize": 14,
"anchorX": -23,
"anchorY": -23,
"borderRadius": 5,
"borderWidth": 4,
"borderColor": "#AF1E23",
"bgColor": "#AF1E23"
},
"iconPath": "../../mm49.jpg",//此路径为无效路径因为要求必填,随便写的
"longitude": "115.423392"
},
{
"id": 52,
"latitude": "38.894961",
"label": {
"content": "王五",
"color": "#ffffff",
"fontSize": 14,
"anchorX": -23,
"anchorY": -23,
"borderRadius": 5,
"borderWidth": 4,
"borderColor": "#AF1E23",
"bgColor": "#AF1E23"
},
"iconPath": "../../mm52.jpg",//此路径为无效路径因为要求必填,随便写的
"longitude": "115.473839"
},
{
"id": 55,
"latitude": "",
"label": {
"content": "赵六",
"color": "#ffffff",
"fontSize": 14,
"anchorX": -23,
"anchorY": -23,
"borderRadius": 5,
"borderWidth": 4,
"borderColor": "#AF1E23",
"bgColor": "#AF1E23"
},
"iconPath": "../../mm55.jpg",//此路径为无效路径因为要求必填,随便写的
"longitude": ""
}
]
//添加markers
baseMap.addMarkers({
markers:newenablemarkers,
success:function(res){}
})
基本问题就是这样 之前还能出来 这次调整了部分功能 那个 @markertap指定的方法就死活出不来了,恼火!!
2 个回复
DCloud_UNI_Anne
是app-nvue吗?直接使用hello uni-app是否能出现你的问题?
1***@qq.com
我也遇到这个问题了,用的app-nvue ,请问博主解决了吗?