Google 地图视觉刷新 - 如何在 InfoWindow 中禁用 Roboto 字体

2024-02-03

只是尝试新选项google.maps.visualRefresh = true在新版本 3.12 的 Google 地图 javascript API 中。尽管地图的新外观很棒,但现在我的 InfoWindows 中的文本使用的是 Roboto 字体大小。

新的 InfoWindow 内容 div CSS 是:

font-family: Roboto, Arial, sans-serif;
font-size: 13px;
font-weight: 300;

以前不是这样的,而且它根本不适合我网站的设计。知道如何删除它以使用我的默认字体定义吗body?


您仍然可以在信息窗口中使用自己的字体。只需提供 HTML 内容而不是纯文本,您就可以使用内联 CSS 或样式表以任何您想要的方式设置其样式。在此示例fiddle http://jsfiddle.net/geary/kBH5Z/:

var infowindow = new google.maps.InfoWindow({
    map: map,
    position: center,
    content: '<div class="myinfo">Computer History!</div>'
});

使用这个CSS:

.myinfo { font-family:Georgia,serif; font-size:18px; }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Google 地图视觉刷新 - 如何在 InfoWindow 中禁用 Roboto 字体 的相关文章

随机推荐