7

Twitter Bootstrap で Google Maps API V3 を使用しています。マーカーもマーカーとして認識できず、ズームツールはなくなりました。 ここに画像の説明を入力

Twitter のブーストラップがマップ キャンバスのスタイリングを台無しにしているようです 特定のフレームワークによってスタイル設定されている要素を除外する方法はありますか? または、単にマップ キャンバスのスタイルをリセットして、twitter ブートストラップのスタイルシートの影響を受けないようにしますか?

twitter ブートストラップからのスタイリングとは別に、いくつかのコードを次に示します。

<style type="text/css">
      html { height: 100% }
      body{ height: 100%; margin: 0; padding: 0 }
</style>
4

2 に答える 2

12

私はそれが彼らが追加することと関係があると信じています

img{
    max-width: 100%;
}

提案された修正はこれでした：

#mapContainer img{
    max-width: none;
}

こちらをご覧くださいhttps://github.com/twitter/bootstrap/issues/1552

[アップデート]

2.0.4のリリースでこの問題が解決するようです（change.logだけで試したわけではありません）

http://blog.getbootstrap.com/2012/06/bootstrap-2-0-4-released/

于 2012-06-01T05:07:31.833 に答える
2

私は同じ問題を抱えていましたBootstrap + Google Maps。追加の CSS ファイル (ブートストラップ ファイルの後に追加) を使用していると想定しているため、#map コンテナーに含まれる画像でそのスタイルを「上書き」するには、独自の CSS で以下のコードのようなものを使用します。ファイル:

#mapContainer img{
    max-width: none;
}

サブヘイズの言う通りだ。それは私にとってはうまくいきました。

これがお役に立てば幸いです。

于 2012-11-01T04:52:15.677 に答える