Comments (9)
Hi @tuononh, how can I use the legs?
from react-native-maps-directions.
FYI: With version 1.7.3 you can pass a precision
into react-native-maps-directions
.
- Setting it to
"low"
will draw the overview_polyline (which is an approximation of the route). - Setting it to
"high"
will draw a detailed polyline that should snap on the roads perfectly
Note that setting it to "high"
will most likely cause a hit in rendering performance as many parts needs to be drawn …
from react-native-maps-directions.
Hey @bramus ! I have the same question. It seems the route does not snap to the road. It looks great when zoomed out but when zoomed in further, it looks really "choppy". See the screenshots below:
from react-native-maps-directions.
@bramus Look like you are using overview polyline. You should use the legs
from react-native-maps-directions.
This component uses routing capabilities provided by Google. They already pre-snap the data onto roads. Could you elaborate a bit more what exactly you're suggesting?
from react-native-maps-directions.
Closing due to inactivity / insufficient information.
Feel free to add some more info and I'll gladly reopen.
from react-native-maps-directions.
The components responsible for rendering the route – both from react-native-maps-directions
and react-native-maps
– just render the data that Google returns. These components don't snap the polyline on the road, it's Google that pre-snaps the returned route onto the road (because that's how a routing engine works).
This explains why there are differences between the roads and the route on iOS when using Apple Maps on iOS: Apple Maps has some minor differences when compared to Google Maps. The route snaps onto Google's data, not Apple's data.
But that however doesn't explain the behavior as showcased above: it's a Google Maps map, with a Google Maps route.
So what might be going on here? There's a few guesses to why that might be:
- The Google Directions API uses a different dataset than Google Maps.
- The Google Directions API isn't that precise when it needs to calculate a long route.
The first option seems unplausible, but the second guess seems really plausible as the route pictured above spans a really huge area: Google doesn't add that much detail to the route as it spans an entire country.
This can be tested:
- Fetch a lengthy route between A to B
- Zoom into a section where the route diverges from the road
- Now fetch a route around that area
In the example above that would be a route around the Zinga area. My bet is that when you route there, the returned route will indeed snap the road. This because it is a short route, which can contain a lot of detail.
from react-native-maps-directions.
Add option for snap to road for better polyline support. I can help with this if needed.
i need your help,i am creating live tracking app using react native ,its done but polyline not travel throw road,please help me on it,how to use roads api key in react native
from react-native-maps-directions.
FYI: With version 1.7.3 you can pass a
precision
intoreact-native-maps-directions
.
- Setting it to
"low"
will draw the overview_polyline (which is an approximation of the route).- Setting it to
"high"
will draw a detailed polyline that should snap on the roads perfectlyNote that setting it to
"high"
will most likely cause a hit in rendering performance as many parts needs to be drawn …
Thank you!
This is awesome.
from react-native-maps-directions.
Related Issues (20)
- Fix for timePrecison
- Check render method for 'MapViewDirections' HOT 3
- Render Pre-existing JSON Directions Data in Map HOT 5
- How is this library showing the Steps? HOT 1
- App crashes on real device (iOS only) for some routes with precision={'high'} HOT 2
- how to get get toll info
- Call Directions Api only if new location is not in already made polyline. HOT 2
- Using MapKit instead of Google for directions? HOT 3
- App crashes when GPS is not enabled HOT 1
- How to draw route according to vehicle type
- LinearGradient for the direction color
- I see nothing on my mobile screen(android emulator) HOT 1
- onReady event is firing at the very start.
- Not Supported In React Native 0.63.4
- Any way to get bounds in the data returning from onReady method of MapViewDirections HOT 1
- onReady callback is changing automatically to distance : 0 duration : 0 from its given pickup and destination HOT 1
- Direction line flickering HOT 1
- API ERROR HOT 1
- onReady result json data and navigation
- Please add ability to pass time of departure to timePrecision props
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-maps-directions.