如何将 Mapbox Mapmatching API 输出与 mapbox-gl-js 一起使用？答案

【问题标题】：How to use Mapbox Mapmatching API output with mapbox-gl-js?如何将 Mapbox Mapmatching API 输出与 mapbox-gl-js 一起使用？
【发布时间】：2018-07-24 16:46:40
【问题描述】：

我对此很陌生，真的需要指导，

我了解使用 Mapbox 地图匹配 API，我将获得正确位置的原始输出，但我不明白，我如何使用 mapbox 地图匹配 API 输出和 mapbox-gl-js 来创建正确的地图？

我需要为此使用 mapbox-match-js 吗？如果是，我如何传递地理 json？

https://github.com/mapbox/mapbox-match.js/tree/master

L.mapbox.mapmatching(geojson, options, function (error, layer) {
    layer.addTo(map);
    layer.setStyle({
        color: '#9a0202',
        weight: 4,
        opacity: 0.8
    });
});

这里有一个演示 html，但是原始输出与地图匹配 API 输出不同，

谁能帮我解决这个问题？

感谢您的帮助。

【问题讨论】：

您好，有人可以帮我吗？我只是想知道，我应该如何使用 mapbox mapmatch API 和 mapbox.GL 请给我一些启发

标签： mapbox mapbox-gl-js mapbox-gl

【解决方案1】：

我遇到了同样的问题，这是我的解决方案：

1) 在我的index.html 文件中添加<script src="https://unpkg.com/mapbox@1.0.0-beta7/dist/mapbox-sdk.js"></script>。

2) 使用 mapbox.matching：

var mapboxClient = new MapboxClient(mapboxgl.accessToken);
mapboxClient.matching(
// dataToAddLine: array like:  
// [
//    [13.418805122375488, 52.50059890747071],
//    [13.419144630432129, 52.50109481811523]
// ]
  dataToAddLine.features[0].geometry.coordinates
  , function(err, res) {
 // do something with res
   console.log(res);
  }

)

您可以在这里测试 res 坐标：geojson

我希望这个解决方案也能帮助到你。

【讨论】：