w***@hebeihengzun.com
w***@hebeihengzun.com
  • 发布:2023-06-09 19:54
  • 更新:2023-11-30 09:19
  • 阅读:619

uni-app的map上@markertap点击无效 不是marker Id的问题

分类:uni-app
map

同题目 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指定的方法就死活出不来了,恼火!!

2023-06-09 19:54 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

是app-nvue吗?直接使用hello uni-app是否能出现你的问题?

1***@qq.com

1***@qq.com

我也遇到这个问题了,用的app-nvue ,请问博主解决了吗?

要回复问题请先登录注册