reactjs - Google-maps-react 折线根本不显示

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

用 path 替换 Polyline 中的 paths 属性。