Mapbox with tracking

by amay077

HTML

<script src="https://api.mapbox.com/mapbox-gl-js/v1.6.1/mapbox-gl.js"></script>
<link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v1.6.1/mapbox-gl.css">
<div id="map" style="position: absolute; top: 0; bottom: 0; width: 100%;"></div>

CSS

body { margin: 0; padding: 0; }

JavaScript

const map = new mapboxgl.Map({
  container: 'map',
  center: [136.534, 34.844644],
  zoom: 14,
  style: {
    version: 8,
    sources: {
      OSM: {
        type: "raster",
        tiles: [
          "https://a.tile.openstreetmap.org/{z}/{x}/{y}.png",
        ],
        tileSize: 256,
        attribution:
        "OpenStreetMap",
      },
    },
    layers: [{
      id: "BASEMAP",
      type: "raster",
      source: "OSM",
      minzoom: 0,
      maxzoom: 18,
    }],
  },      
});

const waypoints = [
  [136.53890132904053,34.844644908488974],
  [136.54332160949704,34.840242190008105],
  [136.54332160949704,34.83950251019765],
  [136.54269933700562,34.838956551788414],
  [136.54169082641602,34.83962579062764],
  [136.54085397720337,34.8406296386847],
  [136.5396952629089,34.840876195983945],
  [136.53905153274533,34.84207374950346],
  [136.53836488723752,34.84233791337538],
  [136.53733491897583,34.84247880042707],
  [136.53692722320557,34.843024735474586],
  [136.53722763061523,34.84397571045787],
  [136.53709888458252,34.844609687675614],
  [136.53624057769775,34.84496189513088],
  [136.53475999832153,34.84497950546407],
  [136.53355836868286,34.844239868225415],
  [136.53252840042114,34.843271285599414],
  [136.53070449829102,34.843148010629314],
  [136.53042554855347,34.844556856427346],
  [136.53010368347168,34.845948067986726],
  [136.53066158294678,34.84698705874748],
  [136.53055429458618,34.84719837729692],
  [136.5302324295044,34.847145547710426],
  [136.529803276062,34.84665246993445],
  [136.5293526649475,34.84605372866326],
  [136.52864456176758,34.845490203487564],
  [136.52759313583374,34.845384542087515],
  [136.52628421783447,34.845595864751935],
  [136.525297164917,34.84596567810891],
  [136.52458906173703,34.84651159002726],
  [136.5241813659668,34.8472512068495],
  [136.52381658554077,34.848043646068255],
  [136.52345180511475,34.8483606196191],
  [136.52261495590207,34.8483606196191],
  [136.52190685272217,34.84799081702441],
 ...