use openrouteservice api

This commit is contained in:
NekoVari 2023-11-29 18:50:44 +07:00
parent 2564098b6d
commit d75174d064

View file

@ -231,6 +231,7 @@ const detial = [
</script> </script>
<script> <script>
import axios from "axios";
export default { export default {
props: { props: {
nearestStructureData: Object, nearestStructureData: Object,
@ -267,9 +268,6 @@ export default {
this.getUserLocation(); this.getUserLocation();
this.showRoute = true; this.showRoute = true;
}, },
enterRoute() {
console.log("Enter Route");
},
getUserLocation() { getUserLocation() {
this.isLocationRequested = true; this.isLocationRequested = true;
if (navigator.geolocation) { if (navigator.geolocation) {
@ -285,7 +283,6 @@ export default {
}; };
console.log('User Location:', this.userLocation); console.log('User Location:', this.userLocation);
}, },
handleLocationError(error) { handleLocationError(error) {
console.error('Error getting location:', error); console.error('Error getting location:', error);
}, },
@ -330,7 +327,47 @@ export default {
console.log('User not logged in. Unable to add to favorites.'); console.log('User not logged in. Unable to add to favorites.');
this.$router.push({ name: 'login' }); this.$router.push({ name: 'login' });
} }
} },
enterRoute(){
console.log("start routing!.")
// Make a request to OpenRouteService API for a sample route
const apiKey = import.meta.env.VITE_OPENROUTESERVICE_API_KEY;
const startCoord = '100.53860,13.76410'; //(lon,lat) test data
const endCoord = '100.53928,13.76526';//(lon,lat) test data
axios.get(`https://api.openrouteservice.org/v2/directions/driving-car?api_key=${apiKey}&start=${startCoord}&end=${endCoord}`)
.then(response => {
const route = response.data.features[0].geometry.coordinates;
console.log('This is route :',route)
// this.plotRoute(route);
})
.catch(error => {
console.error('Error fetching route:', error);
});
},
// plotRoute(coordinates) {
// const routeFeature = new Feature({
// geometry: new LineString(coordinates).transform('EPSG:4326', 'EPSG:3857'),
// });
// routeFeature.setStyle(
// new Style({
// stroke: new Stroke({
// color: 'blue',
// width: 2,
// }),
// })
// );
// const vectorLayer = new VectorLayer({
// source: new VectorSource({
// features: [routeFeature],
// }),
// });
// this.map.addLayer(vectorLayer);
// this.ma
}, },