react-google-maps - React-Google-Maps DirectionsRenderer 面板

Question

使用 react-google-maps 包装器时，有谁知道如何使用“面板”作为方向渲染器中的道具来显示一个面板，该面板显示已映射路线的文本说明。

https://tomchentw.github.io/react-google-maps/#directionsrenderer

Answer 1

能够通过将道具设置为：

(props =>
  <GoogleMap defaultZoom={7}>
    {props.directions && <DirectionsRenderer directions={props.directions}
    panel={ document.getElementById('panel') } />}
    <div id="panel"></div>
  </GoogleMap>
);