Yahoo!地図 表示方法

インターネット ワールド サイトに地図を表示させる方法 インターネット @webロゴ

 

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

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


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

心のカロリーを燃やせ! 〜サイトに高機能地図を表示させる超簡単な方法!

 

   いらっしゃいませ^^ 〜サイトに高機能地図を表示させる超簡単な方法!

 

マーク1 〜サイトに高機能地図を表示させる超簡単な方法!マーク1 〜サイトに高機能地図を表示させる超簡単な方法!

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

マーク1 〜サイトに高機能地図を表示させる超簡単な方法!マーク1 〜サイトに高機能地図を表示させる超簡単な方法!
パソコン初心者の方に役立つ 「できる!コンピュータ&インターネット講座(無料)」


トピックス 〜サイトに高機能地図を表示させる超簡単な方法! サイトに地図を貼る方法(その1)

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


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



●希望する地図の表示

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

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

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


優れもの 〜サイトに高機能地図を表示させる超簡単な方法! 目標物の表記、例えば"ハチ公前広場"、が出るまで、
 拡大するのがベストです。


●設定方法

 表示したい場所を地図の中心に表示します。
優れもの 〜サイトに高機能地図を表示させる超簡単な方法! これ重要! だって、この地点にあなたのサイトをリンクさせるのですから!


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

 この地図のURL


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

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


優れもの 〜サイトに高機能地図を表示させる超簡単な方法! 地図ページで中心点や目印アイコンを非表示にして[この地図のURL]をクリックすると、
 貼り付けた地図にも表示されません。

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


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

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


トピックス 〜サイトに高機能地図を表示させる超簡単な方法! サイトに地図を貼る方法(その2) - 地図サイズの自由設定

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


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

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

地図のカスタマイズとプレビュー


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


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


トピックス 〜サイトに高機能地図を表示させる超簡単な方法! サイトに地図を貼る方法(その3) - ブログの例

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


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

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

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


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

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


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







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

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



トピックス 〜サイトに高機能地図を表示させる超簡単な方法! 当サイトを読まれるに当たって

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


ポイント 〜サイトに高機能地図を表示させる超簡単な方法! 当サイトの作成には万全を期しておりますが、

 

 ・万一誤り、不正確な情報等がありましても、
 ・又、このレポートを利用することにより生じたいかなる結果に付きましても、

 

当サイト管理者は、一切の責任を負わないことを、ご了承願います。


 当サイトにアクセスして頂き、ありがとうございました。 サンクス 〜サイトに高機能地図を表示させる超簡単な方法!



    《 メニュー 》

地図表示させる方法 Top

1. Yahoo!地図で出来る事

2. Yahoo!地図の便利機能

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

4. Yahoo!地図、全世界OK

5. Yahoo!地図で掲載確認

6. Yahoo!地図活用の効能

7. 地図デビューを!

サイトに地図を使用した例

ヤフー地図 FAQ


リンクフリーです。
相互リンク募集中!


管理人 しだ 〜サイトに高機能地図を表示させる超簡単な方法! しだ  管理人 しだ へメール

コーヒーブレーク 〜サイトに高機能地図を表示させる超簡単な方法!


アイテム 〜サイトに高機能地図を表示させる超簡単な方法! サイトマップ

アイテム 〜サイトに高機能地図を表示させる超簡単な方法! リンク集



若葉が萌え出ずる ^o^)~

 

Copyright (C)  サイトに高機能地図を表示させる超簡単な方法!  All Rights Reserved