React Native: How display trails in map? - react-native

In the mapview component I want to display trails to walking and bike's trails too. I am using react-native-maps library. There is a way to show them? There is a library that can do this? I want somenthing like this:
Very thanks!

Related

How to use non geographical maps in react native?

Actually I want to use custom image as map in react native, so please share or suggest if anybody knows native library for non geographical maps with some example for react native.
Is this possible with "react-native-maps" ?
Try MapSVG, the link: MapSvg.
It offers you a SVG map of every country in the world, and you can style it how you like it.

How to implement Bubble Chart / Circle Packing in React Native?

I want to render a Bubble Chart (Circle Packing) dynamic with an data array as a prop in React Native using EXPO (no native code). I wonder which way I could go to implement this chart. Do I use d3? And if yes, does it work for React Native? Are there other ideas on how to implement this bubble chart? Does it work only with SVG? Or d3 including SVG?
I found also a react library that renders the Bubble Chart like in the picture below but the styles and other attributes from react aren't matching to React Native.
I have not yet found an answer to this problem. Does anyone in the community encounter this problem and solved it?
You can use react-native-chart-wrapper as it is providing bubble chart with a list of additional charts

MapBox React Native Navigation Tracking

How do you implement a navigation tracking in real time with mapbox in react-native?
I'm looking into the docs and this polyline looks kinda like it but im not sure. I can display a map with user location from the quick start, but I'm not too sure how to use this component (Fairly new to React-Native).
Thanks!

How would a slideable list control like this be achieved with React Native?

The Yelp app for iOS is designed such that after you enter and send a search query, something like this comes up:
The screen consists of a map control in the background, with a screen on top displaying a list view that you can swipe up/down depending on whether you want to see the list/map (respectively).
How would something like this be accomplished using React Native? For example, would the React Navigation or React Native Swiper libraries help me superimpose a list view on top of the map control?
You can use PanResponder.
Here is a good article which ay help you. Click here.

How to Add Polygon to MapView in React Native

In Objective-C, we can use MKPolygon to add a polygon to the mapview. How can I add polygons to map view using React Native? Is it possible? I think technically it is possible. I probably need to go the source code of react native.
It might be, but the MapView that comes with React Native is lacking for Android, and it seems crippled for iOS. I only saw the overlay property, which should work for polygons, and it even has a fillColor property, which would imply that you could. However, It's not clear from the docs what to do to tell the overlay that you want a polygon instead of a polyline.
I'd suggest this much more capable replacement MapView for React Native: https://github.com/lelandrichardson/react-native-maps
I'm halfway expecting the React Native maintainers to take notice of it, and integrate it if they find out about it.