フロントエンドエンジニアのはっちゃんです。Webサイトを制作しているとGoogleMapを埋め込むのはほぼ毎回のことなのですが、そのたびに小さな不明点が出てきます。webサイト上地図を埋め込み、JSでルートを表示する方法は以前紹介しております。交通手段を指定してみる完成まとめ参考URL今回記事を書くにあたって、以下を参考にさせていただきました。思っていたのですが、それだと現在地に固定の経度緯度が割り当てられて、動的にすることができないんですね。公式が用意してくれている雛形からちゃんと作る必要があります。参考記事を抜粋したものになります。施設名などのキーワードを使う場合https://www.google.com/maps/dir/?api=1&destination={keyword}このカーリーブラケットの部分を適宜書き換えます。交通手段を指定してみる雛形のまま使用すると、最適なルートは表示してくれるのですが、交通手段を指定して表示することはできません。指定するには、パラメーターを追加します。https://www.google.com/maps/dir/?api=1&destination={lat},{lng}?travelmode={transportation}この{transportation}の部分を以下に書き換えます。(自転車)完成スカイツリーの軽度緯度を指定して、目的地までのリンクを作成しました。※サイトに現在地情報の取得を許可しないと見ることができません。サイト上に埋め込む方法もありますが、直接GoogleMapにリンクしてしまったほうが大画面で見られるので、使い勝手がいい場合もありますね。みなさんもぜひお試しください。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。