PolylinesOprtions DirectionRender react-google-maps/api
PolylinesOprtions DirectionRender react-google-maps/api
提问于 2021-07-01 23:59:51
我尝试将DirectionRender上的标记从react-google-maps/api改为。我已经更改了de polyline的颜色，但我没有更改我的代码中的de标记A和B。
<DirectionsRenderer
getIcon={(icon) => console.log("icon render", icon)}
options={{
directions: response,
polylineOptions: {
strokeColor: "#c23531",
icons: [{
icon:{
path:{to},
strokeOpacity: 1
},
offset:'50%'
},{
icon:{
path:{fromm},
strokeOpacity: 1
},
offset:'50%'
}],
},
}}
/>回答 1
Stack Overflow用户
发布于 2021-07-06 07:25:40
@react-google-maps/api library的DirectionsRenderer没有像您在代码中那样的getIcon属性名称。要更改DirectionsRenderer中标记的图标，需要使用具有google.maps.DirectionsRendererOptions interface属性的options。
在那里，您可以看到一个使用具有icon属性的google.maps.MarkerOptions interface的markerOptions属性名称。
下面是一个sample code (将您的API键放在代码示例的index.js文件中以使其工作)和代码片段，说明如何使用options属性更改图标：
<DirectionsRenderer
directions={this.state.directions}
options={{
markerOptions: {
icon:
'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png'
}
}}
/>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68213451
复制相关文章
相似问题
腾讯云开发者
