はじめに

ウェブページにGoogleマップを埋め込む方法でも述べましたが、近年では、地図を埋め込んだウェブページも増えてきました。今回は、Yahoo!地図をウェブページに埋め込むにはどうすればいいかをご紹介いたします。

目的地を示したYahoo!地図の埋め込み方

まずは、Yahoo!地図を開きます。

Yahoo!地図

左上の虫眼鏡マークの右に、地図で示したい場所を入力して「検索」を押します。

右上の「URL」を押します。

「この地図をブログ、サイトにはりつける」の下のコードをコピーし、埋め込みたいウェブページに貼り付けます。

地図の埋め込みが完了しました。

特定の地点から目的地までの経路を示したを示したYahoo!地図の埋め込み方

まずは、Yahoo!地図を開きます。

Yahoo!地図

「ルート検索」を押します。

移動方法を、①「電車やバスなど」「自動車」「徒歩」から選択します。

「S」に出発地を入力します。

「G」に目的地を入力します。

①で「電車やバスなど」を選択した場合は、④で出発時刻や到着時刻などを指定します。

「検索」を押します。。

右上の「URL」を押します。

「この地図をブログ、サイトにはりつける」の下のコードをコピーし、埋め込みたいウェブページに貼り付けます。

地図の埋め込みが完了しました。

まとめ

以上、ウェブページにYahoo!地図を埋め込む方法についてご紹介させていただきました。
状況によっては、GoogleマップよりもYahoo!地図の方が望ましい場合もあると思います。皆さんも状況によって地図を使い分けて、より良いページを作るよう心がけてください。





おすすめの記事