日々の覚書…日常のことも少しだけ

GoogleMap

Google Maps API V3を使って地図を表示するときに

コントローラーが崩れて表示されないことがありました。

これを直す方法です。

スポンサードリンク

コントローラーがない

Google Map API V3を使って地図を表示させると

コントローラがありません。

崩れたコントローラー

設定を見直しても間違ってる様子はありません。

地図のサイズを変えてみたり

コントローラーの位置を変えてみたりしても変化なし。

色々探してみたら、直し方がありました。

infowindowの吹き出しが崩れる

以下のCSSを追記すると、

コントローラーが崩れてしまことがなくなりました。

<style>
#map label { width: auto; display: inline; }
#map img { max-width: none; max-height: none; }
</style>

※地図表示がID mapの場合

上記のCSSをつけると

修正後

コントローラが見えるようになりました。

原因はわからないですが、どうも不具合みたいですね。

なんにせよ普通に表示されたので

これでGoogle Mapが使いやすくなります。