0

更新：这是我自己的小提琴，演示了这个问题- 请注意，边框和颜色被拾取，但不是字体。

看着这个小提琴，我们有这个 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 类时，我（大约）有以下代码：

.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"
});

我不能#mapbox在我的 CSS 文件中使用 a，因为地图 ID 可以更改，甚至一个页面上可以有两个地图。是否有一种技巧可以动态地将 ID 添加到样式或以其他方式解决我的问题？其他 StackOverflow 问题建议使用!important，但这完全破坏了标记布局。

4

1 回答 1

1

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

例如，

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

这将做的是，通过从预定义的谷歌地图类继承类来获取您的值，并将由您设置的类值自动应用。

希望这可以帮助。

于 2013-11-14T06:10:55.257 回答