Google Maps API v3で各種コントロールが正常に表示されない場合の対処 | T.L.Web制作便利帖 | (株)東京リテラシーGoogle Maps API v3で表示したマップの各種コントロールが正常に表示されないという事態に遭遇しました。 IEで見ると本来あるはずのズームコントロールが表示されてなかったり、Firefoxで見るとペグマンが棒のようにになっていたり。 検索すれば対応策が見つかるだろうと思っていたのですが、すぐに見つからず頭を悩ませることに。 ・IEだと左上に本来あるはずのズームコントロールのボタンが表示されていない。 ・Firefoxだと左上のペグマンが棒になっている。 そこで、cssの記述をいろいろと書き換えたところ、img要素に「max-width:100%;」を指定していたことが原因だということがわかりました。 レスポンシブwebデザインに対応させるため、googleマップを含むコンテンツのimg要素に「max-width:100%;」を指定してしまったのがそもそもの間違いだったようです。
