Yahoo!地図表示方法

Yahoo!地図を
表示させる方法

Yahoo!地図の機能を使って、自サイトにYahoo!地図を貼る方法を、図解で紹介。恐ろしいほど簡単な作業で、高機能地図が表示できます。
地図の表示サイズは自由設定でき、fc2ブログで、サイドバーに貼った例を紹介しています。地図サイズが小さくても、けっこう見栄えがします。

サイトに高機能地図を表示させる超簡単な方法 Top > Yahoo!地図を表示させる方法

3. Yahoo!地図を表示させる方法

～パソコン初心者の方に役立つ「できる！コンピュータ＆インターネット講座（無料）」～

　サイトに地図を貼る方法（その1）

　ポイント： Yahoo!地図の機能を使って、サイトにYahoo!地図を貼る方法を、
留意点を含めて、図解で紹介しています。
恐ろしいほど簡単な作業のみで、自サイトに高機能な地図が表示できてしまいます。

　あなたのサイトに、Yahoo!地図を載せ、かつ、、
あなたのサイトを、Yahoo!地図に、リンク＋画像付きで、表示させる方法です！！

●希望する地図の表示

　Yahoo!地図 http://map.yahoo.co.jp/ で、
都道府県 → 市町村 → 何丁目 → 何番地、と言った具合に進んでいきます。

　途中で、"地名［地図］"と表記されれば、その時点で地図が表示できますが、
大き過ぎても分かり難いので、ある程度は絞り込んで表示した方がいいでしょう。

　後は、[-][+]を使って、希望する地点を縮小拡大表示します。

目標物の表記、例えば"ハチ公前広場"、が出るまで、
　拡大するのがベストです。

●設定方法

　表示したい場所を地図の中心に表示します。

これ重要！だって、この地点にあなたのサイトをリンクさせるのですから！

・右肩の［この地図のURL］をクリックします。

　

　表示地図の、「URL」と、枠内に「HTML ソース」と言われるものが出てきます。

表示地図の、「URL」と、枠内に「HTML ソース」

地図ページで中心点や目印アイコンを非表示にして［この地図のURL］をクリックすると、
　貼り付けた地図にも表示されません。

　私は、中心点：非表示、目印アイコン：表示としています。これがオススメです。

・"この地図をブログ、サイトにはりつける"の「HTMLソースをコピーする」をクリックし、
自身のブログやサイトの編集画面で、コピーしたHTMLソースを貼り付けて保存します。

☆横幅：480、縦幅：360ピクセルのサイズで、この地図がサイトに表示されます。

サイトに地図を貼る方法（その2） - 地図サイズの自由設定

　ポイント：サイトに合わせて、地図の表示サイズを自由に設定できます。

　ディフォルトの480×360ピクセルサイズは結構大きいので、
下にある［地図のカスタマイズとプレビュー］をクリックして、

　自由設定にチェックを入れて、地図のサイズを決め、
「HTMLソースをコピーする」をクリックし、自身のブログやサイトに貼り付けます。

※ヤフーの説明では、↓とあります。ちなみに、私は、400x300を多用しています。
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
縦2000ピクセル×横2000ピクセルの範囲で地図のサイズを自由に決められます。
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～

☆あとは表示されるのを待つのみ、です！ｗ

サイトに地図を貼る方法（その3） - ブログの例

　ポイント： fc2ブログで、サイドバーに貼った例です。
地図サイズが小さくても、けっこう見栄えがします。

東京渋谷「忠犬ハチ公」中心のマップ - ブログのサイドバーに貼った例

　　　東京渋谷 "忠犬ハチ公"中心のマップを、
　　私のブログのサイドバーに貼ってみました。^^

　　　このような感じで･･･。fc2ブログになります。

　　　「地図のカスタマイズとプレビュー」を選択し、
　　私のブログのサイドバーの幅に合わせるため、
　　地図サイズをかなり小さくしました。

　　　横幅：200、縦幅：150pixel ですが、
　　地図は拡大していて、
　　結構見栄えがする表示になっていると思います。^^

　　　ブログでは、このサイズ位で、
　　サイドバーに貼るのが、
　　　いいのではないでしょうか。ｗ

　ブログにおいても、ホームページと同じで、基本は貼り付けるだけで、
難しい事はありません。

　ただ、サイドバーの場合は、プラグインの関係があり、
その詳細は各ブログサービスの説明で確認して下さい！

　当サイトを読まれるに当たって

　本サイトが、みなさんの参考となれば、幸いです。^^