サイトに埋め込んだGoogleマップの縮尺を変更&CSSでレスポンシブ対応する方法

Googleマップからコードを取得してサイトに埋め込もうとしたのですが、以前とコードの内容が変わっていてどこを変更すれば縮尺が変わるのか皆目見当がつかず…。
と困っていましたが、現在は簡単に縮尺変更ができるようになりました。やっとページの更新ができて一安心です。(2018年3月22日 更新)
以前は&z=17など、「&z」を頼りに縮尺を変更していたのですが、Googleマップ上で縮尺変更してからコードを取得しても反映されず困っていました。しかし!偉大な先人がいらっしゃって無事解決できました。
縮尺変更だけではなんなので、レスポンシブ対応の方法も一緒にメモします。

続きを読む

  • Advertising
  •