pet-front-order/mixins/position.js

import { mapState } from 'vuex'
import { calculateDistance } from '@/utils/position'
export default {
	data() {
		return {
		}
	},
	computed: {
        ...mapState(['position']),
	},
	methods: {
		calculateDistance,
        calculateDistanceAddress(teacherAddress) {
            if (!teacherAddress || 
                teacherAddress.length == 0 ||
                !this.position || 
                !this.position.latitude || 
                !this.position.longitude) {
                return 0
            }

            let minDistance = 0

            teacherAddress.forEach((item, index) => {
                let distance = calculateDistance(
                    this.position.latitude,
                    this.position.longitude,
                    item.latitude,
                    item.longitude,
                )
				if(index == 0){
					minDistance = distance
				}
                minDistance = Math.min(minDistance, distance)
            })

            return minDistance
        },
		calculateDistanceAddressList(teacherAddress){
			if (!teacherAddress ||
			    teacherAddress.length == 0 ||
			    !this.position || 
			    !this.position.latitude || 
			    !this.position.longitude) {
			    return 0
			}
			
			
			teacherAddress.forEach((item, index) => {
			    item.distance = calculateDistance(
			        this.position.latitude,
			        this.position.longitude,
			        item.latitude,
			        item.longitude,
			    )
			})
			
			return teacherAddress.sort((a, b) => a.distance - b.distance)
		},
	}
}