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

Question

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

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

Answer 1

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

[
  {
    "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"
      }
    ]
  }
]

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

希望对您有所帮助！