小叶路由机绘制给定航路点和路线方向的路线

时间:2019-11-09 05:17:28

标签: c# asp.net leaflet leaflet-routing-machine

鉴于航路点和路线,是否可以在传单地图上显示它们,如下所示,用于步行或公共交通等其他交通方式: enter image description here 我了解OSRM仅会针对驾驶模式进行绘制。如果有路线指示和航路点,是否可以显示步行和公共交通工具? (通过onemap api生成)

我可以显示一条用于行走的路线折线(如下所示),但也希望在模式框中显示方向 enter image description here

显示现有绘图的代码

// create a purple polyline from an array of LatLng points
    var latlngs = [
    <%
    if (routeCoo != null)
    {
        for (int i = 0; i < routeCoo.Length; i++)
        {
            Response.Write("[");
            string[] cood = routeCoo[i].Split(',');
            Response.Write("parseFloat(" + cood[0] + "), parseFloat(" + cood[1] + ")]");
            if (i != (routeCoo.Length - 1))
            {
                Response.Write(",");
            }
        }
    }

    %>
    ];
    if (transportType != "drive")
        var polyline = L.polyline(latlngs, { color: 'purple' }).addTo(map);
    else {
        var polyline = L.polyline(latlngs, { color: 'purple' });
        L.Routing.control({
            waypoints: [
                L.latLng(startLatitude, startLongitude),
                L.latLng(destinationLatitude, destinationLongitude)
            ]
        }).addTo(map);
    }

    // zoom the map to the polyline
    map.fitBounds(polyline.getBounds());

0 个答案:

没有答案