uniapp移动端地图,点击气泡弹窗并实现精准定位

记录移动端地图map组件的使用

需求记录:

移动端地图部分需要展示两个定位点,上报点及人员定位点。通过右上角的两个按钮实现地图定位。点击对应定位气泡,弹出定位点的信息。

效果图如下:

uniapp移动端地图,点击气泡弹窗并实现精准定位_第1张图片

map在nvue中的使用。直接用nvue可以直接调整层级,可以覆盖住map组件。在map组件上添加按钮控制,实现交互。map组件内添加按钮使用cover-image如下:


    
	    
		    
		    
	    
	

js部分:


                    
                    

你可能感兴趣的:(前端,vue.js,uni-app)