Mapbox通过两个标记绘制方向

时间:2015-09-13 01:32:28

标签: javascript leaflet openstreetmap mapbox

如果我有这两点的坐标,我如何从开始到结束绘制路线方向? 现在我的代码看起来像这样,它只是在地图上给了我2个静态标记

var map = L.mapbox.map('map', 'mapbox.streets', {
    zoomControl: false
}).setView([start.lat, start.lng], 12);
map.attributionControl.setPosition('bottomleft');
var directions = L.mapbox.directions({
    profile: 'mapbox.walking'
});
var directionsLayer = L.mapbox.directions.layer(directions).addTo(map);
L.marker([start.lat, start.lng], {}).addTo(map);
L.marker([finish.lat, finish.lng], {}).addTo(map);

1 个答案:

答案 0 :(得分:2)

如果我理解正确,您希望使用Mapbox的方向和路由图层来获取两点之间的步行路线并显示它。为此,您需要设置起点和终点,并调用query()的{​​{1}}函数。您还需要向地图添加路径控件。修订后的代码如下。

direction

您可能不需要自己添加原点/目的地标记,因为原点/目标标记将显示为路线控制的一部分。