Ride with GPSでブログやホームページへルートを埋め込む方法

お知らせ

残念ながらルートラボは2020年3月31日で終了しました。
ルートラボの代わりとなるサービスはRide with GPSやストラバのルートビルダーがおすすめです♪ 個人的にはRide with GPSがオススメです！

Ride with GPSでは作成したルートをブログやホームページへ埋め込む事ができます。ここではその方法を紹介します。

マイページへログイン

Ride with GPSのログインページからマイページへログインします。

サイドメニューの「Routes」をクリックすると作成したルートの一覧が表示されるので埋め込みたいルート名をクリックしてルートのページを開きます。

ルートの作成方法はこちら

ルートページのルート名の上にある「Share」ボタンをクリックすると、ダイアログが開くので「Get Custom Embed」ボタンをクリックします。

埋め込み用のページが開くのでタイトルを変えたい場合は「Title」へ入力して「Embed Code」の埋め込み用コードをコピーします。

コピーした埋め込み用コードを適宜ブログやホームページへペーストすれば以下のようにルートが表示されます。

ちゃんとブラウザの幅に合わせて可変するのでスマホで見てもパソコンで見ても見やすいですね～。