使用Google Maps API着色省份

时间:2016-11-14 20:50:39

标签: google-maps-api-3

我正在尝试使用Google地图的地图样式功能为各省着色。我已经定义了一种风格,但它似乎不起作用。如果我将 geometry.fill 更改为几何,我会在省边框上获得颜色,因此样式似乎正确连接到地图,但我不能得到填充工作/

          var styleProv = [
            {
                featureType: 'administrative.province',
                elementType: 'geometry.fill',   //this doesn't seem to work
                stylers: [
                    { hue: '#eff00' },
                    { saturation: 200 },
                    { lightness: 5 },
                    { visibility: 'on' }
                ]
            }
            ];

1 个答案:

答案 0 :(得分:0)

自定义样式的问题:

  • 你的hue十六进制代码有5个字符
  • 饱和度超过100

此外,事实证明只能显示省笔画。例如,在隐藏所有地图元素并使用Google Maps Wizard给出省几何颜色后,仅显示虚线省略轮廓。

仅显示省份的自定义样式(JSON格式):

[
  {
    "stylers": [
      {
        "visibility": "off"
      }
    ]
  },
  {
    "featureType": "administrative.province",
    "elementType": "geometry",
    "stylers": [
      {
        "visibility": "on"
      }
    ]
  }
]