【问题标题】:Change the font-family of Google Maps labels?更改 Google 地图标签的字体系列?
【发布时间】:2026-02-09 14:10:01
【问题描述】:

我正在使用官方 Styled Maps Wizard 制作自定义 Google 地图。

但是,似乎无法更改标签的字体系列(即Arial)。

有谁知道这在谷歌地图中是否可行?

【问题讨论】:

    标签: google-maps google-maps-api-3 google-maps-styled


    【解决方案1】:

    (编辑:我现在看到最初的问题是关于原生谷歌地图标签,而不是自定义标记标签。对于我的原始回复,即标记标签上的自定义字体系列,请继续阅读。 .)

    快进到 2018 年……

    如果您调用 Google Maps API,则可以使用自定义 Google 字体。这是documentation on font-family

    在创建新的 google.maps.Marker 时,您需要指定 label 选项的 fontFamily 选项。我使用了Google Fonts的字体,例如:

    var marker = new google.maps.Marker({
        position: posiiton,
        map: map,
        label: {
            text: 'Label text',
            fontFamily: "'Domine', serif",
        }
    });
    

    【讨论】:

    • 它有效 :-) +1 用于删除上一篇文章中的绿色复选标记
    【解决方案2】:

    答案是:做不到。您能做的最好的事情就是关闭所有 Google 地图标签,并使用自定义叠加层。

    或者,使用 Cloudmade 或 TileMill 等服务制作您自己的瓷砖。

    【讨论】: