googleマップにマーカーやレイヤーが表示しない

CSS

APIを使ったMAPの表示を行う際のお話

MAPの色合いを変えたい!などのオーダーがあると、埋め込みではなく、APIを使ってGoogleMapの表示をすることがありますが、マーカーがどうやっても出てこない!そういえば、ボタン類も半端にしか出ていない!という現象にハマる。

外側のタグのどこかに

max-height: 100%;

が入っていることが原因でした…。

この原因にたどり着くまでに数時間を潰してしまった・・・

<meta name="viewport" content="width=数字">

の指定がされているとAndroidのchromeでテキストが一部大きくなる不具合の解消のために入っているときがあるらしいです。
こんなところに原因があるなんて思いもよらないわー。