> 技术文档 > uniapp:在map地图组件上添加控件,在地图上添加浮层展示自定义按钮或元素,uniApp如何在Map组件地图上添加悬浮在上面的图标/图片(全平台兼容安卓苹果app、H5网页、微信小程序、nvue)_uniapp map将图片固定到一个区域

uniapp:在map地图组件上添加控件,在地图上添加浮层展示自定义按钮或元素,uniApp如何在Map组件地图上添加悬浮在上面的图标/图片(全平台兼容安卓苹果app、H5网页、微信小程序、nvue)_uniapp map将图片固定到一个区域


效果图

在uni-app开发中,实现在map地图上添加自定义控件,在地图上添加悬浮按钮或html元素(也可以使用图标、图片等内容),Uniapp Map地图组件上展示控件浮层菜单或地图工具并可以点击触发,自由灵活设置在地图上的悬浮位置及样式,第三方腾讯地图、百度地图通用也可以作为参考,全平台完美兼容手机h5网页网站/安卓app/苹果app/支付宝/微信小程序/nvue等。

uniapp Vue3和Vue2都能用,详细示例代码复制运行!

uniapp:在map地图组件上添加控件,在地图上添加浮层展示自定义按钮或元素,uniApp如何在Map组件地图上添加悬浮在上面的图标/图片(全平台兼容安卓苹果app、H5网页、微信小程序、nvue)_uniapp map将图片固定到一个区域

完整源码

具体代码如下,直接复制运行即可。