在 google-maps-react 中使用折线？

Question

我在我的反应程序中使用google-maps-react 。
有没有什么方法可以在绘制的标记之间绘制折线
任何内置方法来在标记之间绘制线条

Answer 1

从react-google-maps导入Polyline，然后在你的<GoogleMap></GoogleMap>地方导入，如下所示：

<Polyline 
  path={pathCoordinates} 
  options={{ 
  strokeColor: '#00ffff',
  strokeOpacity: 1,
  strokeWeight: 2,
  icons: [{ 
    icon: "hello",
    offset: '0',
    repeat: '10px'
  }],
}}
/>

然后将一些位置传递给pathCoordinates例如

pathCoordinates:[ 
  {lat:50, lng:1},
  {lat:50.1, lng:1.1},
]