jquery - TwitterブートストラップでのGoogleマップの問題

Question

このhttp://rjshade.github.com/gmaps-autocomplete/を使用して、Web サイトにマップをプラグインしています。

私はTwitterのブートストラップを使用しています.マップが表示されているモーダルにより、ピンがバグのように見え(影があり、非常に小さい)、ピンを移動すると不正確になります.ピンをマップにロードすると、ピンが中央に配置されません.ビューで。bootstrap.min.css を削除すると、これらのバグはすべて修正されます。

bootstrap.min.css を持っている間にこれらのバグを修正する方法はありますか?? 事前に感謝します

読み込み中の地図 --

ピン --

Answer 1

答えは、次の CSS を追加することだと思います。

#mapCanvas img {
    max-width: none;
}

詳細はこちら：

Google マップに影響する Twitter Bootstrap CSS

Answer 2

すべてのファイルでマップ キャンバスのIDをgmaps-canvasからmap_canvasに変更することで、ピンの問題を解決できました。

しかし、マップを中央にロードする問題はまだ修正されていません。