0

全部，

当我转到这个 url: OpenStreetMap时，我看到一张地图，上面有一个“关系”（我假设这是正在显示的小径的术语）。

我试图让这条线索也显示在我使用 django-leaflet 的 Django 网站上。

目前我的代码如下所示：

<script>
    function map_init_basic (map, options) {
        map.setZoom(16);
        map.setView([51.6020, 4.8514]);
    }
</script>
{% leaflet_map "trailmap" callback="window.map_init_basic" %}

这会将地图设置到正确的区域，但是如何添加实际路径？

致以最崇高的敬意。

4

2 回答 2

1

在地图上添加路径非常简单。您应该能够在map_init_basic()函数的底部添加一行代码，例如L.polyline(latlngs).addTo(map);（定义轨迹路线的坐标对latlngs数组在哪里）；[lat, lng]或L.geoJSON(trail).addTo(map);（描述轨迹trail的GeoJSON格式对象在哪里）。有关更多详细信息，请参阅折线和GeoJSON的传单文档。

更复杂的部分是如何获取轨迹的 lat/lng 数据。一种方法是使用Overpass Turbo在线 API 从 OpenStreetMap 检索数据。在 Overpass 窗口的左侧输入以下查询，点击“运行”，然后切换到“数据”选项卡以查看结果：

rel(6754945);  // Id number of the OSM Relation to fetch.
(._;>;);
out;

数据选项卡应显示构成编码为 OSM XML 文件的轨迹的点。您可以复制它并操作文本以提取坐标，或使用 Overpass 中的“导出”菜单将数据下载为 GeoGSON 或各种其他格式。将数据添加到地图上的最佳方式取决于应用程序的详细信息，但如果data是保存路径的 GeoJSON 的字符串，那么这会将其添加到地图上：

L.geoJSON(JSON.parse(data)).addTo(map);

获取轨迹坐标的其他一些选项在如何将 OSM 关系转换为 lat/lng 点列表的答案中进行了描述？

于 2021-07-05T12:28:15.177 回答
1

使用OSMPythonTools，您可以使用 Overpass API 从 OSM 数据库中获取轨迹关系，并将其几何提取为坐标数组：

from OSMPythonTools.overpass import Overpass
overpass = Overpass()

def fetch_relation_coords(relation): 
    rel = overpass.query('rel(%s); (._;>;); out;' % relation)
    coords = [el.geometry().coordinates for el in rel.elements() if el.type() == 'node']

    # Convert (lng, lat) to (lat, lng)
    latlngs = [[x[1], x[0]] for x in coords]

    return latlngs

latlngs = fetch_relation_coords("6754945")

# [[51.602685, 4.861282], [51.60629, 4.851437], [51.599504, 4.838481], [51.599561, 4.839231], ...]

我对 Django 不够熟悉，无法理解如何将生成的坐标数组放到您的网页上，但是一旦您在 Javascript 中拥有它，您就可以将它作为折线添加到您的 Leaflet 地图中：

 L.polyline(latlngs).addTo(map);
于 2021-07-05T16:16:33.763 回答