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

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

需求记录：

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

效果图如下：

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

    <map id="map" class="map" :scale="15" ref="map" style="width:320px;height:500px;margin-left: 30px;"
			:latitude="latitude" :longitude="longitude" :markers="cover">
	    <view class="btnStyle">
		    <cover-image src="../../static/images/people.png" 
			class="removeToReal" @tap="removeToReal">cover-image>
		    <cover-image src="../../static/images/gaodeMap.png" style="margin-top: 18px;" class="removeToMap" @tap="removeToMap">cover-image>
	    view>
	map>

js部分：