KevinMidboe/nova-map-fields
1
0
Fork 0
mirror of https://github.com/KevinMidboe/nova-map-fields.git synced 2025-10-29 17:50:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Transform navigation response before bubbling input latlng

Browse Source
This commit is contained in:
Kevin
2021-09-06 16:15:37 +02:00
parent a8756bee8b
commit 06fc0a8291
2 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dist/js/field.js vendored
View File

File diff suppressed because one or more lines are too long

22
resources/js/components/fields/NavigationRoute.vue
View File

@@ -39,18 +39,24 @@ export default {
const cords = const cords =
"6.985908836799895,61.28541170467011;7.092996407603286,61.23027059410228;10.761970380502788,59.927108594277456"; "6.985908836799895,61.28541170467011;7.092996407603286,61.23027059410228;10.761970380502788,59.927108594277456";
const URL = `https://api.mapbox.com/directions/v5/mapbox/driving/${cords}?geometries=geojson&access_token=pk.eyJ1Ijoia2V2aW5taWRib2UiLCJhIjoiY2pydWhlamQyMHJ2NTRhdGN1em5ndXVyMyJ9.Ejdo_3iuuGOD662Bh6es4w`; const URL = `https://api.mapbox.com/directions/v5/mapbox/driving/${cords}?geometries=geojson&access_token=pk.eyJ1Ijoia2V2aW5taWRib2UiLCJhIjoiY2pydWhlamQyMHJ2NTRhdGN1em5ndXVyMyJ9.Ejdo_3iuuGOD662Bh6es4w`;
fetch(URL) return fetch(URL)
.then((resp) => resp.json()) .then((resp) => resp.json())
.then((response) => { .then((response) => response.routes[0].geometry)
const { coordinates } = response.routes.geometry; .then(this.mapNavigationRoute);
console.log("got coordinates:", coordinates);
});
}, },
triggerChange(markers) { mapNavigationRoute(coords) {
return coords.map(([lng, lat]) => {
return { lat, lng };
});
},
async triggerChange(markers) {
console.log("forwarding markers:", markers); console.log("forwarding markers:", markers);
this.queryNavigation(markers); const navigationRouteCoords = await this.queryNavigation(markers);
this.$emit("input", markers); console.log("got navigationRouteCoords:", navigationRouteCoords);
this.$emit("input", navigationRouteCoords);
}, },
}, },
}; };