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

Question

我正在使用 谷歌地图 react 在我的 react 程序中。有什么方法可以画折线 在绘制的标记之间使用任何内置方法在标记之间划线

Answer 1

从 react-google-maps 导入折线，然后在您的 <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},
]