谷歌地图道路标签/图标文字难以辨认

Question

我使用 SnazzyMaps 自定义了 Google 地图。我以这个主题为基础，然后对其进行了调整以满足我的需求：https://snazzymaps.com/style/8097/wy

我在缩小地图时注意到的一件事是路标是灰色块，您无法阅读文字。这很奇怪，因为如果你放大它们就很好。我猜它们一定是道路类型略有不同。

您在默认位置（纽约）上看不到问题，但如果您在搜索框中输入“伦敦”来更改位置，您会看到很多路标都被遮住了 - 您可能需要缩小。

这是我的主题（json），它有同样的问题，我无法纠正它：

[  
   {  
      "featureType":"all",
      "elementType":"geometry.fill",
      "stylers":[  
         {  
            "weight":"2.00"
         }
      ]
   },
   {  
      "featureType":"all",
      "elementType":"geometry.stroke",
      "stylers":[  
         {  
            "color":"#9c9c9c"
         }
      ]
   },
   {  
      "featureType":"all",
      "elementType":"labels.text",
      "stylers":[  
         {  
            "visibility":"on"
         },
         {  
            "color":"#404546"
         },
         {  
            "weight":".25"
         }
      ]
   },
   {  
      "featureType":"all",
      "elementType":"labels.text.stroke",
      "stylers":[  
         {  
            "color":"#ffffff"
         },
         {  
            "weight":"2"
         }
      ]
   },
   {  
      "featureType":"landscape",
      "elementType":"all",
      "stylers":[  
         {  
            "color":"#f2f2f2"
         }
      ]
   },
   {  
      "featureType":"landscape",
      "elementType":"geometry.fill",
      "stylers":[  
         {  
            "color":"#ffffff"
         }
      ]
   },
   {  
      "featureType":"landscape.man_made",
      "elementType":"geometry.fill",
      "stylers":[  
         {  
            "color":"#ffffff"
         }
      ]
   },
   {  
      "featureType":"poi",
      "elementType":"all",
      "stylers":[  
         {  
            "visibility":"off"
         }
      ]
   },
   {  
      "featureType":"road",
      "elementType":"all",
      "stylers":[  
         {  
            "saturation":-100
         },
         {  
            "lightness":45
         }
      ]
   },
   {  
      "featureType":"road",
      "elementType":"geometry.fill",
      "stylers":[  
         {  
            "color":"#eeeeee"
         }
      ]
   },
   {  
      "featureType":"road",
      "elementType":"labels.text.fill",
      "stylers":[  
         {  
            "color":"#7b7b7b"
         }
      ]
   },
   {  
      "featureType":"road",
      "elementType":"labels.text.stroke",
      "stylers":[  
         {  
            "color":"#ffffff"
         },
         {  
            "weight":"3"
         },
         {  
            "visibility":"on"
         }
      ]
   },
   {  
      "featureType":"road.highway",
      "elementType":"all",
      "stylers":[  
         {  
            "visibility":"simplified"
         }
      ]
   },
   {  
      "featureType":"road.arterial",
      "elementType":"labels.icon",
      "stylers":[  
         {  
            "visibility":"off"
         }
      ]
   },
   {  
      "featureType":"transit",
      "elementType":"all",
      "stylers":[  
         {  
            "visibility":"off"
         }
      ]
   },
   {  
      "featureType":"transit.line",
      "elementType":"all",
      "stylers":[  
         {  
            "visibility":"on"
         },
         {  
            "weight":".75"
         },
         {  
            "color":"#b1b6b7"
         }
      ]
   },
   {  
      "featureType":"transit.station",
      "elementType":"labels.text",
      "stylers":[  
         {  
            "visibility":"simplified"
         },
         {  
            "color":"#404546"
         }
      ]
   },
   {  
      "featureType":"transit.station",
      "elementType":"labels.icon",
      "stylers":[  
         {  
            "visibility":"on"
         },
         {  
            "hue":"#b7ff00"
         },
         {  
            "gamma":"0.80"
         },
         {  
            "saturation":"-20"
         },
         {  
            "lightness":"0"
         },
         {  
            "weight":"1"
         }
      ]
   },
   {  
      "featureType":"water",
      "elementType":"all",
      "stylers":[  
         {  
            "color":"#46bcec"
         },
         {  
            "visibility":"on"
         }
      ]
   },
   {  
      "featureType":"water",
      "elementType":"geometry.fill",
      "stylers":[  
         {  
            "color":"#c8d7d4"
         }
      ]
   },
   {  
      "featureType":"water",
      "elementType":"labels.text.fill",
      "stylers":[  
         {  
            "color":"#070707"
         }
      ]
   },
   {  
      "featureType":"water",
      "elementType":"labels.text.stroke",
      "stylers":[  
         {  
            "color":"#ffffff"
         }
      ]
   }
]

我认为这是我做过的事情，但它也在基本主题中。我找到了我认为指定道路标签样式的内容，并且我能够更改它的颜色/色调，但我无法更改文本。我什至尝试调整饱和度/亮度/伽玛，看看是否是对比度，但没有运气。

我错过了什么？希望有人可以帮助解决这个问题，但我想这可能是一个小众问题。

提前致谢！ :)

Answer 1

我想您在 Google 地图中遇到过 this bug，它大约在 5 年前被记录，但尚未解决。

欧洲大多数道路标签的样式都很好，但 A Road 标签是例外。这是因为标签是绿色背景上的黄色文本，这对于更改饱和度确实不起作用。

您能做的最好的事情就是完全隐藏标签（这不是很好），或者忍受一点颜色并稍微淡化标签。

在您提供的样式中，您可以调整Roads > All > Color Options 上这些标签的颜色。或者从父级中删除样式并直接设置Highway > Labels 的样式。我创建了一个示例样式here。

最后，这些只是上述问题的解决方法，可能不会很快得到解决。希望对您有所帮助！