本文章是在uniapp开发的微信小程序中使用腾讯地图,在地图上添加标记
// 添加地图标记的方法
addMarkers(driverList) { //driverList为需要添加到地图标记上的司机数组
const markers = [] //地图标记数组
driverList.forEach(item => {
markers.push({
id: item.driverId, // 唯一标识符
latitude: item.latitude,//纬度
longitude: item.longitude,//经度
width: 20,//地图icon的宽度
height: 20,//地图icon的高度
label: { //标记的提示文字的样式
width: 50,
height: 30,
borderRadius: 10,
content: item.nickName,//提示内容
color: '#fff',
bgColor: '#8cc540'
}
})
})
uni.createMapContext("isMap", this).addMarkers({ //调用uniapp地图组件的方法,进行标记,“isMap”为地图组件的id
markers, //需要标记的数组
clear: true,//标记时,是否清除上一次留下来的标记
})
},
效果如图所示
文章来源:https://www.toymoban.com/news/detail-721269.html
文章来源地址https://www.toymoban.com/news/detail-721269.html
到了这里,关于微信小程序地图添加marker的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!