admin 管理员组

文章数量: 1087817

微信小程序地图添加marker

本文章是在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,//标记时，是否清除上一次留下来的标记
                })
            },

效果如图所示

 

本文标签： 微信小程序地图添加marker

版权声明：本文标题：微信小程序地图添加marker 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1699077458a326724.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。