react-native - Mapbox getDirections 错误:值必须是对象
问题描述
我正在尝试在 React Native 应用程序中的地图上添加方向。
我遵循了本教程:https ://blog.mapbox.com/adding-directions-to-the-react-native-store-locator-kit-ade759bd824e
问题是我在使用 请求方向时收到“错误:值必须是对象” mbDirections.getDirections
。有谁知道接收和存储方向的正确方法?
谢谢!
这是我正在尝试的:
const Directions = require('@mapbox/mapbox-sdk/services/directions');
const mbDirections = Directions({ accessToken: 'my token' });
async fetchDirections (origin, destination) {
const originLatLng = {
latitude: origin[1],
longitude: origin[0],
};
const destLatLng = {
latitude: destination[1],
longitude: destination[0],
};
const requestOptions = {
geometry: 'polyline',
};
let res = null;
try {
res = await mbDirections.getDirections([
originLatLng,
destLatLng,
], requestOptions);
} catch (e) {
console.log(e);
}
if (res !== null) {
const directions = res.entity.routes[0];
this.setState({ directions: directions });
}
}
解决方案
嗨试试这个,让我知道
try {
res = await mbDirections.getDirections([
{ latitude: origin[1], longitude: origin[0]},
{ latitude: destination[1], longitude: destination[0]},
], { geometry: 'polyline'});
} catch (e) {
console.log(e);
}
推荐阅读
- c++ - 运行编译的程序时出现分段错误(核心转储)
- c# - c#如何确定a(2dim数组)中可能的马步数?
- javascript - 使用 applyConstraints(constraints) 更改正在进行的视频聊天的 Twilio 的 LocalVideoTrack 分辨率
- reactjs - 为什么组件在单击和状态更改时会重新渲染?
- c++ - void(**rptr)() 和 main() 中的调用如何在此解决方案中工作以在 C++ 中打印 1-100 而没有循环?
- php - PHP防止脚本中的文件缓存
- c++ - 不在 C++ 模板参数中使用 constexpr
- c++ - 如何将文件与已初始化的 ifstream 对象关联?
- c# - 使用 UDP 广播检测网络上的多个设备 - C#
- python - 使用 Beautifulsoup 下载文件时出错