タグ

ブックマーク / planbworks.net (1)

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

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

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