自サイトのCSS原因のようです。
参考したサイトでは以下のように指定すると直るとかいてありました。

mapField は表示するGoogle MapのIDに変更して下さい。

 #mapField img {
    max-width: none;
  }

ですが今回のサイトでは直らなかったため、試しにmax-heightも打ち消してみたところ直りました。

 #mapField img {
    max-width: none;
    max-height: none;
  }

参考：レスポンシブ対応サイトに［Google Maps］を埋め込んだときに表示が崩れるときの解決策。