在前端应用程序开发过程中，我们经常会需要获取地理位置信息。而此时，get-overpass 这个 npm 包就可以派得上用场了。它是一个用于获取 OpenStreetMap 公共服务器上的矢量地图数据的工具。
本文将详细介绍 get-overpass 的使用方法，并提供实际的代码示例。
安装 get-overpass
在命令行终端中，键入以下命令进行安装：
npm install get-overpass
使用 get-overpass
接下来，我们看一个获取指定地址周围公交车站点的实例。首先，我们需要在代码中导入 get-overpass 模块和 node-fetch 模块：
const overpass = require("get-overpass")
const fetch = require("node-fetch")然后，我们构造一个 OverpassQL 查询，以获取指定位置附近的公交车站点：
const query = `
[out:json];
node(around:1000.0, {{lat}}, {{lng}})["public_transport"="platform"];
out body;
`;在查询中，我们使用 around 判断算子选择了指定经纬度附近一千米范围内的公交车站点。
接下来，我们使用 get-overpass 来调用查询：
const response = await overpass(query, {
fetch: fetch,
flatProperties: true,
propertiesCallback: (tags: any) => ({ tags })
});我们设置 fetch 为 node-fetch 库，并设置 flatProperties，以便查询结果中的标签以平铺对象的形式返回（可选）。我们还可以通过 propertiesCallback 回调函数，枚举所有属性并添加到地图中。
最后，打印查询结果即可：
console.log(response);
完整代码示例
-- -------------------- ---- ------- ----- -------- - ----------------------- ----- ----- - --------------------- ---- ---------- -- ----- ----- - - ----------- ------------------- -------- ---------------------------------------- --- ----- -- ------ ----- -------- - ----- --------------- - ------ ------ --------------- ----- ------------------- ------ ---- -- -- ---- -- --- ------ ----------------------
总结
本文介绍了 npm 包 get-overpass 的基本使用方法，以及一个简单的获取指定地址周围公交车站点的示例代码。在实际项目中，我们可以根据自己的需要，构造不同的 OverpassQL 查询进行调用。希望本文能对开发者们有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056c5481e8991b448e5d5e