uniapp地图标记点的点击事件

简介: uniapp地图标记点的点击事件
<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获取指定的经纬度

相关文章
|
小程序 定位技术
uniapp小程序地图选点uni.getLocation() uni.chooseLocation()
思路先通过uni.getLocation()获取当前位置,然后uni.chooseLocation()通过这个函数进行地图选点
612 0
|
2天前
|
开发框架 JSON 定位技术
uniapp中map组件动态加载marks标记
uniapp中map组件动态加载marks标记
|
4天前
|
移动开发 定位技术
uniapp组件map地图组件使用
uniapp组件map地图组件使用
79 0
|
4天前
|
定位技术
uniapp实现地图电子围栏功能
uniapp实现地图电子围栏功能
92 0
|
4天前
|
JavaScript 前端开发 定位技术
uniapp中地图制作
uniapp中地图制作
38 0
|
4天前
|
小程序 定位技术
uniapp 地图组件(map)的使用总结
uniapp 地图组件(map)的使用总结
189 0
|
6月前
|
定位技术
在uniapp中引入地图
在uniapp中引入地图
45 0
|
6月前
|
定位技术 API 开发工具
uniapp 实现地图距离计算
uniapp 实现地图距离计算
174 0
|
8月前
|
小程序 定位技术
uniapp小程序打开地图选择位置demo效果wx.chooseLocation(整理)
uniapp小程序打开地图选择位置demo效果wx.chooseLocation(整理)
|
10月前
|
开发框架 JavaScript 定位技术
Uniapp - 地图map组件及使用
Uniapp - 地图map组件及使用
884 0

热门文章

最新文章