uniapp地图标记点的点击事件

发布时间:2024年01月12日
<map id="mapss" :markers="covers"@markertap="tapMap">

</map>
                    covers:[{
						id: 99998,
						callout: {
							color: '#ffffff', //文字颜色
							fontSize: 15, //文本大小
							borderRadius: 15, //边框圆角
							padding: '10',
							bgColor: '#406390', //背景颜色
							content: getApp().globalData.address,
						}, //设置点击后显示的文字及其样式
						latitude: this.latitude,
						longitude: this.longitude,
						iconPath: "https://wwz.jingyi.icu/uploads/20231110/bcd43e5c1b4c272265122dd0874fc05f.png",
						width: 40, //控件宽
						height: 40, //控件高
						rotate: 0, // 旋转度数
					}]
            tapMap(e) {
				console.log(e);
			},

首先设置点击事件@markertap事件,然后他有个自带的(e)参数

然后covers中要有个id,这样才能获取到对应的经纬度,

就如途中的markerid就是数据中的id,通过这个markerid获取指定的经纬度

文章来源:https://blog.csdn.net/m0_72603435/article/details/135514547
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。