Javascript 拉入方向API响应对象到地图？

我使用GoogleMaps api返回从a到B的routes/directions对象，并对GoogleMaps进行反应以渲染地图。不过，这些是单独的API

如何从方向API通过路线。。。从地图api到地图-这样我就可以画一条红线来说明路线了

我在想r/g/m可能有一个你可以使用的道具，比如

directions={api.response.routesArrayHere}

，但我对此一无所知

API响应：

谷歌地图：

import React from 'react';
import { GoogleMapLoader, GoogleMap, Marker } from 'react-google-maps';

class Map extends React.Component {
  render() {

    const mapContainer = <div style={{height: '100%', width: '100%', border: '5px solid black', borderColor: 'rgba(4, 3, 75, 0.3)'}}></div>;

    const markers = this.props.markers.map((yourLocation, i) => {
      const marker = {
        position: {
          lat: yourLocation.location.lat,
          lng: yourLocation.location.lng
        }
      };

      return <Marker key={i} {...marker} />;
    });
    return (
    <GoogleMapLoader
      containerElement = {mapContainer}
      googleMapElement = {
          <GoogleMap
              defaultZoom={10}
              defaultCenter={this.props.center}
              options={{streetViewControl: false, mapTypeControl: false}}>
              {markers}
          </GoogleMap>
      } />

    );
  }
}

Map.propTypes = {
  center: React.PropTypes.object.isRequired,
  markers: React.PropTypes.array.isRequired
};

export default Map;

从“React”导入React；
从“react GoogleMaps”导入{GoogleMapLoader、GoogleMap、Marker}；
类映射扩展了React.Component{
render（）{
常量映射容器=；
const markers=this.props.markers.map（（yourLocation，i）=>{
常量标记={
职位：{
lat:yourLocation.location.lat，
液化天然气：yourLocation.location.lng
}
};
返回；
});
返回(
);
}
}
Map.propTypes={
中心：React.PropTypes.object.isRequired，
标记：React.PropTypes.array.isRequired
};
导出默认地图；

你可以像本地js一样简单地完成，创建DirectionService，通过REF设置地图，然后在它们上渲染方向。谢谢@DmitriyKovalenko-我不太明白。你的意思是道具在谷歌地图组件中的位置？这就是DirectionsRenderer类的位置？