ワードプレスでグーグルマップがうまく表示されない

こんにちは、メモ代わりに題名の件を記述しておきます。

ここ最近はTwitterBootstrapをメインとして使っておりましてWordPress+Twitterbootstrapが現在制作の主流でございます。

それでgooglemapをgmaps.jsを利用して表示させているのですがズームコントローラーとインフォウィンドウがきれいに表示されていなかったのですがようやく解決しました。原因はCSSでした。ワードプレスのテーマによってもうまく表示されていないようです。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

#gmap {
	height:400px;
	max-height: 90%;
	width: 95%;
	border: 1px solid #999999;
	margin: 15px auto;
}
 
#gmap label {
    width: auto;
    display:inline;
}
#gmap img {
    max-width: none;
}

これがわかるまで結構時間かかりました。
お役に立てれば幸いでございます。

Tweet

Pocket