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

Joh*_*ann 4 javascript css google-maps google-maps-api-3

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

新的InfoWindow内容div CSS是:

font-family: Roboto, Arial, sans-serif;
font-size: 13px;
font-weight: 300;
Run Code Online (Sandbox Code Playgroud)

以前情况并非如此,而且我的网站设计根本不起作用.知道如何删除它以使用我的默认字体定义body吗?

Mic*_*ary 7

您仍然可以在InfoWindow中使用自己的字体.只需提供HTML内容而不是纯文本,您可以使用内联CSS或样式表以任何方式设置样式.这个小提琴的例子:

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

使用这个CSS:

.myinfo { font-family:Georgia,serif; font-size:18px; }
Run Code Online (Sandbox Code Playgroud)