如何在设置 google maps API V3 样式时更改或添加 road.highway 的文本颜色

Question

我正在尝试设置地图样式，但文本不可见http://joxi.ru/RmzoN4DFR00d82 。 我需要在上面显示白色文本。 这是我正在尝试但没有运气

     {
        "featureType": "road.highway",
        "elementType": "labels.text.fill",
        "stylers": [
          {
            "color": "#FFFFFF"
          }
       ]
     }

Answer 1

我建议您使用 Google 的样式向导。 要更改公路道路标签的文本颜色，您可以使用以下样式作为示例：

[
  {
    "featureType": "road.highway",
    "elementType": "geometry.fill",
    "stylers": [
      {
        "color": "#a1a1a1"
      },
      {
        "visibility": "on"
      }
    ]
  },
  {
    "featureType": "road.highway",
    "elementType": "labels.icon",
    "stylers": [
      {
        "visibility": "on"
      }
    ]
  },
  {
    "featureType": "road.highway",
    "elementType": "labels.text",
    "stylers": [
      {
        "color": "#ffffff"
      }
    ]
  },
  {
    "featureType": "road.highway",
    "elementType": "labels.text.fill",
    "stylers": [
      {
        "color": "#ffffff"
      }
    ]
  },
  {
    "featureType": "road.highway",
    "elementType": "labels.text.stroke",
    "stylers": [
      {
        "visibility": "off"
      }
    ]
  }
]

从我在您的屏幕截图中看到的情况来看，问题可能在于您正在为图标添加颜色，从而覆盖其中的文本内容（无法设置样式）。 因此，请确保按照上述代码避免这种情况。

希望这对你有帮助！