You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Google Maps JavaScript API样式问题:无法设置停车场样式

问题:Maps JavaScript API无法修改各类停车场POI的样式

我正在使用Maps JavaScript API设置地图样式,地图加载正常无报错,其他所有兴趣点(POI)的样式都能正常调整,但各类停车场(付费停车场、地下停车场、楼宇停车场、体育场馆停车场)的样式完全无法修改。我已经尝试了官方文档里列出的几乎所有featureType选项,也用过Google Map Styler工具创建自定义地图样式,始终找不到能针对停车场生效的featureType。

以下是我用于设置地图样式的代码:

const styles = {
          default: [],
          hide: [
                {
                featureType: "all",
                elementType: "labels.text.fill",
                stylers: [
                    {
                        "saturation": 100
                    },
                    {
                        "color": "#999999" /* e944e9 */
                    },
                    {
                        "lightness": 15
                    }
                ]
            },
            {
                featureType: "all",
                elementType: "labels.text.stroke",
                stylers: [
                    {
                        "visibility": "on"
                    },
                    {
                        "color": "#000000"
                    },
                    {
                        "lightness": 0
                    }
                ]
            },
            {
                featureType: "all",
                elementType: "labels.icon",
                stylers: [
                    {
                        "visibility": "off"
                    }
                ]
            },
            {
                featureType: "administrative",
                elementType: "geometry.fill",
                stylers: [
                    {
                        "color": "#260f50"
                    },
                    {
                        "lightness": 0
                    }
                ]
            },
            {
                featureType: "poi.park",
                elementType: "geometry.fill",
                stylers: [
                    {
                        "color": "#260f50"
                    },
                    {
                        "lightness": 0
                    }
                ]
            },
            {
                featureType: "poi.school",
                elementType: "geometry.fill",
                stylers: [
                    {
                        "color": "#260f50"
                    },
                    {
                        "lightness": 0
                    }
                ]
            },
            {
                featureType: "poi.medical",
                elementType: "geometry.fill",
                stylers: [
                    {
                        "color": "#260f50"
                    },
                    {
                        "lightness": 0
                    }
                ]
            },
            {
                featureType: "administrative",
                elementType: "geometry.stroke",
                stylers: [
                    {
                        "color": "#260f50"
                    },
                    {
                        "lightness": 10
                    },
                    {
                        "weight": 1.2
                    }
                ]
            },
            {
                featureType: "administrative.neighborhood",
                elementType: "geometry.stroke",
                stylers: [
                    {
                        "color": "#260f50"
                    },
                    {
                        "lightness": 100
                    },
                    {
                        "weight": 1.2
                    }
                ]
            },
            {
                featureType: "poi.sports_complex",
                elementType: "geometry",
                stylers: [
                    {
                        "color": "#260f50"
                    },
                    {
                        "lightness": 0
                    }
                ]
            },
            {
                featureType: "landscape",
                elementType: "geometry",
                stylers: [
                    {
                        "color": "#260f50"
                    },
                    {
                        "lightness": 0
                    }
                ]
            },
            {
                featureType: "road.arterial",
                elementType: "geometry.fill",
                stylers: [
                    {
                        "color": "#260f50"
                    },
                    {
                        "lightness": 0
                    }
                ]
            },
            {
                featureType: "road.arterial",
                elementType: "geometry.stroke",
                stylers: [
                    {
                        "color": "#260f50"
                    },
                    {
                        "lightness": 0
                    }
                ]
            },
            
            {
                featureType: "poi",
                elementType: "geometry",
                stylers: [
                    {
                        "color": "#220a4b"
                    },
                    {
                        "lightness": 21
                    }
                ]
            },
            {
                featureType: "poi",
                elementType: "geometry.fill",
                stylers: [
                    {
                        "color": "#220a4b"
                    },
                    {
                        "lightness": 8
                    },
                    {
                        "weight": 1
                    }
                ]
            },
            {
                featureType: "poi",
                elementType: "geometry.stroke",
                stylers: [
                    {
                        "color": "#220a4b"
                    },
                    {
                        "lightness": 8
                    },
                    {
                        "weight": 100
                    }
                ]
            },
            {
                featureType: "road.highway",
                elementType: "geometry.fill",
                stylers: [
                    {
                        "color": "#220a4b"
                    },
                    {
                        "lightness": 8
                    }
                ]
            },
            {
                featureType: "road.highway",
                elementType: "geometry.stroke",
                stylers: [
                    {
                        "color": "#220a4b"
                    },
                    {
                        "lightness": 8
                    },
                    {
                        "weight": 0.2
                    }
                ]
            },
            {
                featureType: "road.arterial",
                elementType: "geometry",
                stylers: [
                    {
                        "color": "#220a4b"
                    },
                    {
                        "lightness": 8
                    }
                ]
            },
            {
                featureType: "road.local",
                elementType: "geometry",
                stylers: [
                    {
                        "color": "#220a4b"
                    },
                    {
                        "lightness": 8
                    }
                ]
            },
            {
                featureType: "transit",
                elementType: "geometry",
                stylers: [
                    {
                        "color": "#220a4b"
                    },
                    {
                        "lightness": 8
                    }
                ]
            },
            {
                featureType: "water",
                elementType: "geometry",
                stylers: [
                    {
                        "color": "#220a4b"
                    },
                    {
                        "lightness": 1
                    }
                ]
            },
            {
              featureType: "poi.business",
              stylers: [{ "visibility": "off" }],
            },
            {
              featureType: "poi.government",
              elementType: "labels.icon",
              stylers: [{ "visibility": "off" }],
            },
            {
              featureType: "poi.medical",
              elementType: "labels.icon",
              stylers: [{ "visibility": "off" }],
            },
            {
              featureType: "poi.place_of_worship",
              stylers: [{ "visibility": "off" }],
             },
            {
              featureType: "poi.park",
              elementType: "labels.icon",
              stylers: [{ "visibility": "off" }],
            },
            {
              featureType: "transit.station.bus",
              elementType: "labels.icon",
              stylers: [{ "visibility": "on" }],
            },
            {
              featureType: "transit.line",
              elementType: "labels.icon",
              stylers: [{ "visibility": "off" }],
            },
          ],
};

内容的提问来源于stack exchange,提问作者Rob

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.16 12:35:20