全部，
当我转到这个网址：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" %}
这会将地图设置到正确的区域，但如何添加实际路径？
致以最诚挚的问候。
【问题讨论】：
标签： leaflet openstreetmap django-leaflet
使用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);
【讨论】：
在地图上添加路径非常简单。您应该能够在map_init_basic() 函数的底部添加一行代码，例如L.polyline(latlngs).addTo(map);（其中latlngs 是一组[lat, lng] 坐标对，用于定义您的路线）；或L.geoJSON(trail).addTo(map);（其中trail 是描述轨迹的GeoJSON 格式对象）。有关详细信息，请参阅 Polyline 和 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);
How to convert an OSM relation to a list of lat/lng points?的回答中描述了获取轨迹坐标的其他一些选项
【讨论】：