Mapbox integration

[NicholasS13]

---

Please check if the PR fulfills these requirements

• The changes don't come from your master branch. (Source)

---

[Trello Card]

https://trello.com/c/nujUoXWA/235-method-for-distance-calculation

What kind of change does this PR introduce? (Bug fix, feature, docs update, ...)

added getDriveDistance function using mapbox

What is the current behavior? (You can also link to an open issue here)

N/A

What is the new behavior? (if this is a feature change)

N/A -needs to be added to map and list for client

Does this PR introduce a breaking change? (What changes might users need to make in their application due to this PR?)

no

Other information

Usage :
//need to import function
import getDriveDist from ".src/state/actions/mapbox";

//need to create these variables for each usage case(setDistance2,distance2...) in order for this to work
const [distance, setDistance] = React.useState("undefined");

//this is the actual function that does the calculation, you need to pass in the setDistance value created above
//longitude1/latitude1 represent user location and longitude2/latitude2 represents location that they would travel to
getDriveDist = (latitude1:, longitude1, latitude2,longitude2,setDistance)

//then to display drive distance print {distance}
{distance}

Discussion Questions

If you need help integrating this- DM me

Images (before/ after screenshots, interaction GIFs, ...)

N/A

---

TODO

none

[duskcloudxu]

and also check lint first because there is lint checking on this repo and if it did not pass then your PR cannot be merged. It should be supported by modern IDEs like vscode or IntelliJ series.

[duskcloudxu]

Why 1609 here?

[NicholasS13]

That is to convert the value given from meters to miles

[duskcloudxu]

I think it should be more of a utility function and should be put under src/state/actions?

[NicholasS13]

Ok-will change that and check lint