|
|
@@ -16,7 +16,7 @@ Leaflet map
|
|
|
/>
|
|
|
</l-map>
|
|
|
|
|
|
- <v-btn class="mr-4 ot_green ot_white--text" @click="updateMap">
|
|
|
+ <v-btn class="mr-4 mt-2 mb-2 ot_green ot_white--text" @click="updateMap">
|
|
|
{{ $t('updateMap') }}
|
|
|
</v-btn>
|
|
|
</client-only>
|
|
|
@@ -45,24 +45,26 @@ export default defineComponent({
|
|
|
setup (props, { emit }) {
|
|
|
const { $dataProvider, store } = useContext()
|
|
|
const { address }: ToRefs = toRefs(props)
|
|
|
- const latitude: Ref<number> = ref(address.value.latitude)
|
|
|
- const longitude: Ref<number> = ref(address.value.longitude)
|
|
|
+ const latitude: Ref<number> = ref(address.value.latitude ?? 0.0)
|
|
|
+ const longitude: Ref<number> = ref(address.value.longitude ?? 0.0)
|
|
|
|
|
|
const center: ComputedRef<Array<number>> = computed(() => [latitude.value, longitude.value])
|
|
|
const latLong: ComputedRef<Array<number>> = computed(() => [latitude.value, longitude.value])
|
|
|
+
|
|
|
const layerUrl: string = 'https://{s}.tile.osm.org/{z}/{x}/{y}.png'
|
|
|
|
|
|
const updateMap = async () => {
|
|
|
const response = await $dataProvider.invoke({
|
|
|
type: QUERY_TYPE.DEFAULT,
|
|
|
- url: `gps-coordinate-searching?street=${address.value.streetAddress} ${address.value.streetAddressSecond} ${address.value.streetAddressThird}&cp=${address.value.postalCode}&city=${address.value.addressCity}`
|
|
|
+ url: `/api/gps-coordinate-searching?street=${address.value.streetAddress} ${address.value.streetAddressSecond} ${address.value.streetAddressThird}&cp=${address.value.postalCode}&city=${address.value.addressCity}`
|
|
|
})
|
|
|
- if (response.length > 0) {
|
|
|
- latitude.value = response[0].latitude
|
|
|
- longitude.value = response[0].longitude
|
|
|
+ const data = response.data
|
|
|
+ if (data.length > 0) {
|
|
|
+ latitude.value = data[0].latitude
|
|
|
+ longitude.value = data[0].longitude
|
|
|
|
|
|
- address.value.latitude = response[0].latitude
|
|
|
- address.value.longitude = response[0].longitude
|
|
|
+ address.value.latitude = data[0].latitude
|
|
|
+ address.value.longitude = data[0].longitude
|
|
|
emit('updateAddress', address.value)
|
|
|
} else {
|
|
|
const alert: alert = {
|
|
|
@@ -74,17 +76,11 @@ export default defineComponent({
|
|
|
}
|
|
|
|
|
|
const onMoveMarker = async (event: AnyJson) => {
|
|
|
- const response = await $dataProvider.invoke({
|
|
|
- type: QUERY_TYPE.DEFAULT,
|
|
|
- url: `gps-coordinate-reverse/${event.lat}/${event.lng}`
|
|
|
- })
|
|
|
- address.value.streetAddress = response.streetAddress
|
|
|
- address.value.streetAddressSecond = response.streetAddressSecond
|
|
|
- address.value.streetAddressThird = response.streetAddressThird
|
|
|
- address.value.postalCode = response.cp
|
|
|
- address.value.addressCity = response.city
|
|
|
-
|
|
|
- emit('updateAddress', address.value)
|
|
|
+ if(event){
|
|
|
+ address.value.latitude = event.lat
|
|
|
+ address.value.longitude = event.lng
|
|
|
+ emit('updateAddress', address.value)
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
return {
|