Mapsで作成した地図(マイプレイス)を埋め込む方法。TOPレスポンシブ対応。Mapsで作成した地図(マイプレイス)を埋め込む方法。>Googleマップがないともはやどこにも行けません。PITE.(@infoNumber333)です。純正のマップアプリいらないから早くGoogleマップをiOS標準のマップに戻してほしい。今日はそのGoogleマップをWebページに埋め込む方法を解説します。飲食店の紹介やカフェの紹介、雑貨屋、イベントなどなどブログで地図を挿入したいことは多々あると思いますのでとりあえず覚えておくと役立ちます。スポンサードリンクGoogleマップで「マイプレイス」を作成まずはGoogleマップを開いて紹介したい場所の名前を検索。ピンをクリックするとメニューが表示されるので「保存」をクリック。すると「マイマップに保存」という項目が下に現れるので「保存」を押せばその場所がマイマップに記録されます。登録した場所は左サイドバーにある「マイプレイス」というボタンをクリックすれば見ることができます。マイプレイスの中にある紹介したい場所を選択したら、右上の鎖マークのボタンをクリック。このようにリンクが作成されるので今回の方法では下の段のコードをコピーします。先ほど作成したコードでは縦横の大きさが固定されてしまいPCとスマホで見た時に使い勝手が全然違ってしまいます。これを解決するために今回はコードを自動でレスポンシブ化してくれる「emberdresponsively.com」を使います。embedresponsively.comこのWebツールはYoutubeやDailymotionなどの埋め込み系の要素をコピペするだけでレスポンシブのコードに変換してくれるという超お役立ちツール。Maps」を選んで先ほどのコードを入力すれば、下にレスポンシブ化されたマップコードが作成されるのであとはそれをブログの好きな所に貼り付ければおしまい。何度もお世話になると思われるサイトなのでブックマーク推奨です。Pite(@infoNumber333)はこう思うよ。いうちょっとしたTipsが意外と大事なのです。更新情報はLINE@で!ここまでお読みいだきありがとうございます!更新情報や限定コンテンツはLINE@でお届けしていますので、右のボタンから登録をお願いします!あなたのスマホに記事を直接お届け。カスタマイズSPONSOREDtotal32share!シェアしてくれるとめっちゃよろこびます。(3)FOLLOW記事の更新情報や日々の出来事はSNSで。フォローしてもらえるとうれしいです。HIDETAKA中目黒在住のブロガー、28歳。つきましてレスポンシブ対応。Mapsで作成した地図(マイプレイス)を埋め込む方法。monographはiPhone・Macなどのガジェットを中心に管理人PITE.の気になるモノを幅広く紹介するブログメディアです。月間50〜70万PV。気軽に楽しんで行って下さい。