谷歌地图在灰度模式下设置方向

【问题标题】：Google Map set direction in Grayscale mode谷歌地图在灰度模式下设置方向
【发布时间】：2020-03-10 00:25:18
【问题描述】：

当用户选择商店并想查看方向时，是否可以在网站上以灰度（黑白）模式设置谷歌地图的方向？

我的网站上有灰度地图，但是当用户尝试查看方向时，方向详细信息会以彩色显示，所以有没有可能的方法以黑白方式显示该方向？

【问题讨论】：

你的代码是什么样的？请提供一个 minimal reproducible example 来证明该问题。您应该能够自定义折线的颜色和 DirectionsRenderer 创建的标记。

标签： google-maps google-maps-api-3 google-maps-api-2

【解决方案1】：

要回答您的问题，是的，可以更改设置方向折线颜色以匹配您的灰度地图样式。

这可以通过修改DirectionsRendererOptions' polylineOptions 来完成。

var directionsRenderer = new google.maps.DirectionsRenderer({
    suppressMarkers: true,
    polylineOptions:{
        strokeColor: "#808080",
        strokeWeight: 10
    }
});

如您所见，我还通过将suppressMarkers 设置为true 删除了默认方向标记。这样，我可以创建一个新的标记，我可以修改它以匹配灰度颜色。

请找到工作样本here

【讨论】：