Google Map API V3 1ページに複数マップを表示する(レスポンシブで)

    会社案内やショップ案内のページで、グーグルマップを2つ設置することになった時の
    備忘録。

    参考にしたサイトはこちら
    [Google Map V3]地図を複数同時に表示する
    ページ内に二つのGoogle Mapを設置する!

    地図上にマーカーを表示させて、吹き出しに説明を出す

    Google Map をレスポンシブ対応に

    Googlemap apiの読み込み

     

    bodyに加える

     

     

    HTML
    1カ所目

     

    2カ所目

     

    CSS

     

     

    SNSでもご購読できます。