时间戳

首页 > 解决方案 > 如何在不使用源的情况下使用 Mapbox 在两点之间绘制直线？

javascript - 如何在不使用源的情况下使用 Mapbox 在两点之间绘制直线？

问题描述

我这里有一些代码，我想在不使用源的情况下在 Mapbox 中的两个点（标记）之间画一条直线，但是，在参考了文档之后，我找不到办法。这是相关的代码。

locations.forEach((loc) => {
  // Add a marker for each location
  const markerEl = document.createElement("div");
  markerEl.className = "marker";

  new mapboxgl.Marker({
    element: markerEl,
    anchor: "bottom",
  })
    .setLngLat(loc.coordinates)
    .addTo(map);

  new mapboxgl.Popup({
    offset: 30,
    closeOnClick: false,
  })
    .setLngLat(loc.coordinates)
    .setHTML(`<p>Day ${loc.day}: ${loc.description}</p>`)
    .addTo(map);
});

我想做的只是在位置数组中的任意两个点之间画一条直线，而不指定源。

如果没有来源就不可能，我该如何实现？

标签： javascriptnode.jsapimapbox

解决方案

推荐阅读