【发布时间】:2021-01-01 05:48:57
【问题描述】:
我已经通过 Expo 设置了一个带有 react-native 的地图。
目前,航班/轨道与传单和“贝塞尔”模块配合得非常好。但是,当我尝试飞往檀香山 -> 东京时,路线不正确。实际上,应该从右到左(大致是卡片的两端)而不是从左到右。
我正在使用网络视图,
<WebView
geolocationEnabled={true}
javaScriptEnabled={true}
source={{
uri:
"https://www.ttt.org/fr/mes-voyages" +
"?society_id=" + ttt_SOCIETYID +
"&user_id=" + this.state.user_id +
"&lang=" + this.state.lang +
"&access_token=" + this.state.access_token +
"&screen=" + this.state.screen_updated,
}}
originWhitelist={[
"https://www.ttt.org",
"https://www.yyy.com",
]}
injectedJavaScript={`const meta = document.createElement('meta');
meta.setAttribute('content', 'width=device-width, initial-scale=0.5, maximum-
scale=0.5, user-scalable=0'); meta.setAttribute('name', 'viewport');
document.getElementsByTagName('head')[0].appendChild(meta);`}
scalesPageToFit={true}
onMessage={(m) => this.performMessageFromWebView(m)}
style={{ marginHorizontal: 0, backgroundColor: "transparent" }}
/>
在网页端我的坐标看起来像:
function getTrips1() {
return [
[
{id: 215, lat: 33.94250107, lng: -118.4079971, deep:"8", popup: "Los Angeles International Airport"},
{id: 215, lat: 49.012798, lng: 2.55, deep:"8", popup: "Charles de Gaulle International Airport"}
],
...
我不知道如何设置它,你有什么线索吗?非常感谢!
【问题讨论】:
-
非常感谢您花时间回答。它可以帮助我理解一点,但我真的不知道如何使它适合我的代码。
标签: react-native leaflet bezier direction