グーグルマップを記事欄に設置するには

Google マップをウェブサイトの記事欄に貼り付ける方法

こんにちワ。西島秀俊です。。松坂桃李です。。ワンタンです^^;

最近、よくウェブサイトに、グーグルマップを貼り付けている方を見かけます。

場所を案内する時に、とても解り易くて便利だと思います。

その貼り付け方を御案内してみます。これは、HTMLタグの使えるウェブサイトであれば、全てに共通する方法だと思います。

1.グーグルマップのサイトに行き、表示させたい場所を入力

⇒Google マップ - 地図検索

とりあえず、名古屋駅と「検索フォーム」に入力してみました。

2.マップ左上にある鎖ボタン（リンク）をクリックします

3.貼り付け用のタグが表示されるので、それをコピー

ポップアップで、そのマップを貼り付けるためのコードが表示されます。

一旦、そのコードを、そのままコピーして下さい。

4.記事編集スペースに貼りつけて終了

アメブロの「標準エディタ」または、「新エディタ」を使っておられる場合は、入力スペースの枠にあるボタンで「HTML表示」に切り替えてから、上でコピーしたコードを貼りつけて下さい。

つぎに、横幅を指定する数字（※width="425"←赤字の数字）を書き替えて下さい。

※アメブロの記事エリアは、３カラムだと、だいたい400pxくらいですので、このままだとマップの右端が切れて表示されてしまいます。
２カラムだと600px位ですので、お使いの記事幅に合わせて、数字を調整して下さい。