地図で目的地を探すときに誰もが使うようになったGoogleMapですが、サイト内で使うときはスクリーンショットした画像を入れるのではなく、グーグルマップをそのままサイトに埋め込むんであげたほうが、その場でユーザーはアプリを開くことなくマップを使えるのでとても使いやすいサイトになります。 しかし、 GoogleMapのコードをそのまま埋め込んでしまうと、スマートフォンから見たときにデザインが崩れてしまい、使い勝手があまり良くないのが弱点です。 これをしっかり表示させるためには、専門知識がない人もでもちょっといじるだけでスマホでもGoogleMapを見やすく表示させることができます。 今回はコピペでできる簡単な方法をご紹介します。 GoogleMapをサイトに埋め込む方法。 まずGoogleMapのトップページへ行き、埋め込みたい地図を表示させます。 表示したい場所を決めたら、左上にあるメニュ
![【コピペでOK】GoogleMapをレスポンシブで埋め込みスマートフォンでも見やすく表示させる方法 | 宮川 輝](https://cdn-ak-scissors.b.st-hatena.com/image/square/6d38510219b8368e5422f646952084dab9adbce2/height=288;version=1;width=512/https%3A%2F%2Fakiramiyagawa.com%2Fwp-content%2Fuploads%2F2016%2F05%2Fgooglemap-responsive.jpg)