如何将Mapbox Mapmatching API输出与mapbox-gl-js结合使用?

时间:2018-07-24 16:46:40

标签: mapbox mapbox-gl-js mapbox-gl

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

我了解使用Mapbox Map Matching API,我会得到正确位置的原始记录,但是我不明白,我如何使用mapbox map-matching API输出和mapbox-gl-js来创建正确的地图?

我需要为此使用mapbox-match-js吗?如果是,我该如何传递geo 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输出不同,

有人可以帮助我吗?

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

我遇到了同样的问题,这是我的解决方案:

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

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);
  }

您可以在此处测试分辨率坐标:geojson

我希望该解决方案也能为您提供帮助。