【问题标题】: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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-05-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-09-02
    • 1970-01-01
    • 2019-07-13
    • 1970-01-01
    相关资源
    最近更新 更多