現在地からお店までの経路を表示するコード

以前作ったサイトの修正中・・。その2

こんばんは!

今日はサイトの修正にあたり、

「お店までの経路をグーグルで表示するためのリンク」を追加したのですが凄く簡単なので共有します:)


saddr= 出発地、 daddr= 目的地、 dirflg= 交通手段

をそれぞれ選択して表示する事が可能です。

例えば現在地から東京駅まで車での経路を表示したい場合。

http://maps.google.com/maps?saddr=&daddr=東京駅&dirflg=d

これを<a>タグでリンク先にするだけ!

出発地のsaddrの所は何も入れなければ現在地からになります。

(出発地の住所をいれて指定も出来るらしいです。)

目的地の「東京駅」の部分は住所でもOK。

最後の交通手段の所は、w:徒歩、d:自動車、r:電車・バスとなっています。

そうすると下のようなリンクが貼れます:)

東京駅までの経路

私はイラレで作った地図の下に貼りましたが、地図かくのめんどいな・・

という方はgoogleさんの地図をそのまま貼ってしまえばOKではないでしょうか!

1、googleで住所を検索。

2、共有押す。

3、地図を埋め込むタブクリック&HTMLをコピーして挿入したい所に張り付け!

そうすると出来上がりはこんなかんじになります:)

今回参考にしたサイトさんはこちらです↓

エコページさんありがとうございます:)

今日は以上です!

祝日、体育の日でしたが、一切運動をしませんでしたw

みなさんはどんな一日でしたか?

今日もご覧いただきありがとうございました:)

カテゴリーMEMO

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA