在前端开发中，经常需要将地图上的路线规划信息转换为 GeoJSON 格式进行处理或显示。而 npm 包 directions-to-geojson 就是一款方便实用的工具，可以将多种不同的路线规划数据转化为 GeoJSON 格式的路线数据，方便地图应用的构建。
安装
使用 npm 进行安装：
npm install directions-to-geojson
使用方法
步行、骑行、驾驶路线
directions-to-geojson 支持多种路线规划数据，比如步行、骑行、驾驶等路线。使用方式如下：
-- -------------------- ---- ------- ------ ------------------- ---- ------------------------ --------------------- ------ ----------------- ---- ----------------- -------- --------- -- ---- ---------- ---------- --------- ---------------------- - ------------------ -- ------- ------- ---
在上述代码中，我们通过 DirectionsToGeoJSON 函数传递参数进行路线规划，并获得转换为 GeoJSON 格式的路线数据。其中 start 和 end 分别表示起点和终点的经纬度坐标，profile 表示路线规划的类型。
公交车路线
另外，我们还可以使用该包将公交车路线规划数据转换为 GeoJSON 格式：
-- -------------------- ---- ------- ------ ------------------- ---- ------------------------ --------------------- ------ --------------------- ---- --------------------- -------- ------ --------- ------------ -- ------------------------ ---------------------- - ------------------ -- ------- ------- ---
此代码实现了将起点和终点之间的公交车路线转换为 GeoJSON 格式，并输出结果。在公交车路线规划中，我们还可以设置 overview 参数，来指定路线数据的详细程度，可以选择 simplified 或 full 两个选项。
示例代码
下面是一个完整的示例代码，演示如何将公交车路线规划数据转换为 GeoJSON 格式：
-- -------------------- ---- -------
------ ------------------- ---- ------------------------
---------------------
------ ---------------------
---- ---------------------
-------- ------
--------- ------------
---------------------- -
-- ------
--- --- - ------------------------------------------ ----
-- ------
--- ----- - -
-------- ----------
--------- --
---------- ---
--
-- -----------
--------------- - ------ ----- --------------
---在这个代码中，我们使用 Leaflet.js 来构建地图，并在地图上绘制从起点到终点的公交车路线。其中，数据转换使用了 npm 包 directions-to-geojson，颜色和宽度等路线样式通过 style 参数设置。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005666b81e8991b448e2867