如何用mapboxgl实现路径导航，帮我书写一下代码

首先，你需要在 HTML 文件中引入 Mapbox GL JS 库，并且拥有一个 Mapbox 账号，然后可以在你的项目中使用 Mapbox 获得的 Access Token：

<!-- 引入 Mapbox GL JS 库 -->
<script src='https://api.mapbox.com/mapbox-gl-js/v1.9.1/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v1.9.1/mapbox-gl.css' rel='stylesheet' />

接着，你需要定义起点和终点的经纬度坐标，以及在地图上显示路径的容器的 id：

const start = [-122.486052, 37.830348];
const end = [-122.481899, 37.858354];
const container = 'map';

然后，你可以使用 Mapbox GL JS 的 API 来创建地图，并且设置地图的中心点和缩放级别：

const map = new mapboxgl.Map({
  container: container,
  style: 'mapbox://styles/mapbox/streets-v11',
  center: start,
  zoom: 13
});

接下来，你可以使用 Mapbox Directions API 获取从起点到终点的路径信息，并且使用 Mapbox GL JS 的 API 在地图上绘制路径：

// 获取路径信息
const response = await fetch(`https://api.mapbox.com/directions/v5/mapbox/driving/${start[0]},${start[1]};${end[0]},${end[1]}?geometries=geojson&access_token=YOUR_ACCESS_TOKEN`);
const data = await response.json();

// 绘制路径
const route = data.routes[0];
const geojson = {
  type: 'Feature',
  properties: {},
  geometry: route.geometry
};

// 添加图层
map.addLayer({
  id: 'route',
  type: 'line',
  source: {
    type: '