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

マップ

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

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

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


スポンサーリンク



#gmapで表示させているのですがその下のlabelとimgを付け足すだけできれいに表示されました。

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;
}

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

Pocket
LINEで送る


スポンサーリンク

コチラの記事もどうぞ!
You can leave a response, or trackback from your own site.

コメントをお寄せ下さい

Subscribe to RSS Feed Follow me on Twitter!