Google-maps-react Polyline根本不显示

Question

我在这里经历了一些类似的帖子，但没有一个对我有帮助。我正在尝试使用Google Maps API在React Js中的一些坐标之间划清界限。请看我下面的代码。

<div id="map-container" className="map-container mt-3" style={style}>
      <Map
        google={this.props.google}
        zoom={14}
        style={style}
        initialCenter={{
          lat: 36.164195,
          lng: 5.669404
        }}
      >
        <Polyline
          paths={[
            { lat: "36.160093", lng: "5.668375" },
            { lat: "36.164195", lng: "5.669404" },
            { lat: "36.170509", lng: "5.672011" }
          ]}
          strokeColor="#1E1E1E"
          strokeOpacity={0.8}
          strokeWeight={5}
        />
      </Map>
    </div>

Answer 1

将多段线中的paths prop替换为path。