Question

更新：此处为my own fiddle that demonstrates the issue - 请注意边框和颜色已被拾取，但不是字体。

看this fiddle，我们有这个CSS：

#mapbox .myinfo {
    font-family:Georgia, serif;
    font-size:18px;
}

这个Javascript：

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

使用MarkerWithLabel class时，我（大约）有这段代码：

.myinfo {
    font-family:Georgia, serif;
    font-size:18px;
}

new MarkerWithLabel({
    position: location,
    draggable: false,
    map: this.map,
    labelContent: "99",
    labelAnchor: new google.maps.Point(20, 0),
    labelClass: "myinfo",
    title: "Value 99 at location X"
});

我无法在CSS文件中使用#mapbox，因为地图ID可以更改，并且在单个页面上甚至可以有两个地图。是否有动作为样式动态添加ID或以其他方式解决我的问题？使用!important建议的其他StackOverflow问题，但完全破坏了标记布局。

Answer 1

我建议您使用继承而不是找出解决方法。

对于实例，

div.gm-style-iw > div > div.myinfo {
    font-family:Georgia, serif;
    font-size:18px;
    width: 400px;
    height: 400px;
}

这样做是通过从预定义的谷歌地图类中加入类来获取您的值，并且这些类将由您设置的类值自动应用。

希望这有帮助。

将ID选择器注入样式

1 个答案: