0

更新:これが問題を示す私自身のフィドルです-境界線と色が選択されますが、フォントは選択されないことに注意してください。

この 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 クラスを使用する場合、(ほぼ) 次のコードがあります。

.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マップ ID が変更される可能性があり、1 ページに 2 つのマップが存在する可能性があるため、CSS ファイルで を使用できません。スタイルに 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;
}

これにより、定義済みの Google マップ クラスからクラスを継承して値を取得し、設定したクラス値によって自動的に適用されます。

お役に立てれば。

于 2013-11-14T06:10:55.257 に答える