Google Maps API V3でコントローラが表示されない。

GoogleMap

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が使いやすくなります。

Google API Expertが解説する Google Maps APIプログラミングガイド

新品価格
¥3,240から
(2015/1/27 23:13時点)

スポンサードリンク

コメントを残す

サブコンテンツ

このページの先頭へ