React-Google-Maps DirectionsRenderer Panel

Question

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

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>
);