連携

gpx.tours を使うと、GPXファイルを表示する地図を作成して、あなたのウェブサイトに埋め込めます。

必要なものは次のとおりです。

  1. 地図を読み込むための Mapbox アクセストークン
  2. サーバーや Google Drive にホストされた GPX ファイル、または公開URLでアクセス可能なファイル

下のコンフィグレーターで地図をカスタマイズし、対応するHTMLコードを生成できます。

gpx.tours があなたのGPXファイルを読み込めるように、サーバーで CORS(オリジン間リソース共有) ヘッダーを設定する必要があります。

独自のマップを作成

塗りつぶし対象

下のマップを移動してカメラ位置を調整できます。

で開く Logo of gpx.tours.
                
                    <iframe src="https://gpx.tours/embed?options=%7B%22token%22%3A%22YOUR_MAPBOX_TOKEN%22%2C%22files%22%3A%5B%22https%3A%2F%2Fraw.githubusercontent.com%2Fgpxtours%2Fgpx.tours%2Fmain%2Fgpx%2Ftest-data%2Fsimple.gpx%22%5D%7D" width="100%" height="600px" frameborder="0" style="outline: none;"/>