reservation-uniapp-250509/service-uniapp-client/pages/map/map.vue

<template>
	<view class="map">
		<view class="page-body">
			<view class="page-section page-section-gap">
				<map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers"></map>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'Map',
		data() {
			return {
				id: 0, // 使用 marker点击事件 需要填写id
				latitude: 0,		//纬度
				longitude: 0,		//经度
				covers: [{
					latitude: 0,
					longitude: 0,
					iconPath: '../../static/map/location.png'
				}]
			}
		},
		onShow() {
			let _self = this;
			//获取用户当前位置
			uni.getLocation({
				type: 'gcj02', // 'wgs84'默认gps 坐标 'gcj02'国测
				accuracy: 'best', // 精度值为20m
				geocode: true,
				isHighAccuracy : true,
				success: function (res) {
					_self.longitude = res.longitude
					_self.latitude = res.latitude
					
					_self.covers[0].longitude = res.longitude
					_self.covers[0].latitude = res.latitude
				}
			});
			
			uni.chooseLocation({
				complete(res){ //成功或失败都会调
					console.log(res);
				},
				success: function(res) {		//成功回调
					uni.navigateTo({
						url: `/pages/mine/address?addressInfo=${JSON.stringify(res)}`
					})
				},
				fail : function(res){
					//定位获取失败或用户点击取消按钮触发
					uni.navigateTo({
						url: '/pages/mine/address'
					})
				}
			});
		}
	}
</script>

<style lang="scss" scoped>

</style>