{{date}} {{catName}} {{title}}

作るもの

↓こんな感じの外部リンクです
現在値から株式会社シナプスへの道順を確認する
※ブラウザのGPSを有効にする必要があります

まずはURLに組込む目的地の場所情報を取得する

1. Googleマップを開いて、左上にある検索フォームで目的の場所を検索します。
2. 目的地が表示されたら、左の情報ウィンドウにある「ルート・乗換」ボタンをクリックします。
   
3. アドレスバーのアドレスをコピーして、テキストエディタ等にペーストします。
   以下のようなURLになっていると思います。
   https://www.google.co.jp/maps/dir//%E3%80%92064-0809+%E5%8C%97%E6%B5%B7%E9%81%93%E6%9C%AD%E5%B9%8C%E5%B8%82%E4%B8%AD%E5%A4%AE%E5%8C%BA%E5%8D%97%EF%BC%99%E6%9D%A1%E8%A5%BF%EF%BC%93%E4%B8%81%E7%9B%AE%EF%BC%92+%E4%B8%AD%E5%A4%AE%E5%8C%BA%E5%8D%979%E6%9D%A1%E8%A5%BF3-2-12+%E6%9C%AD%E5%B9%8CKS%E3%83%93%E3%83%AB5F+%EF%BC%88%E6%A0%AA%EF%BC%89%E3%82%B7%E3%83%8A%E3%83%97%E3%82%B9/@43.0490803,141.3532967,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x5f0b298bad92f759:0x4fc1783ea6382d1a!2m2!1d141.3554854!2d43.0490803?hl=ja
4. 上記のURLの「dir//」から「/@」までの％だらけの太字の部分が、今回使用する目的地の情報です。この文字列をそのまま使用します。

URL作成

上記で取得した目的地の情報を以下のURLの末尾に追加します。
https://www.google.com/maps?saddr=%E7%8F%BE%E5%9C%A8%E5%9C%B0&daddr=

完成したURLがこちらです。
https://www.google.com/maps?saddr=%E7%8F%BE%E5%9C%A8%E5%9C%B0&daddr=%E3%80%92064-0809+%E5%8C%97%E6%B5%B7%E9%81%93%E6%9C%AD%E5%B9%8C%E5%B8%82+%E4%B8%AD%E5%A4%AE%E5%8C%BA%E5%8D%979%E6%9D%A1%E8%A5%BF3-2-12+%E6%9C%AD%E5%B9%8CKS%E3%83%93%E3%83%AB5F+%EF%BC%88%E6%A0%AA%EF%BC%89%E3%82%B7%E3%83%8A%E3%83%97%E3%82%B9

この部分をaタグのhref属性に指定すれば、「現在値からの道順」リンクが完成します。

余談ですが

Googleマップ色々さわってたら、札幌に株式会社シナプスがもう1社あることを発見。

同名のよしみでホームページ作らせてもらえないでしょうか。