Kivy MapView谷歌地图式路线绘制可行方案咨询

嘿，我懂你现在的麻烦——用一堆MapMarkerPopup来模拟路线，本质上是把离散的标记点摆在一起，放大地图后自然会露出点与点之间的空隙，没法形成真正的连续线条。下面给你几个在Kivy里实现谷歌地图式路线的可行方案：

方案1：自定义MapLayer绘制路线（推荐） #

MapView本身支持自定义图层，你可以继承MapLayer类，重写on_draw方法来直接在地图上绘制连续的路线。这种方式的好处是路线会自动跟随地图的缩放、平移适配，效果最接近专业地图的路线展示。

代码示例： #

Python部分：

from kivy.garden.mapview import MapView, MapLayer
from kivy.graphics import Color, Line

class RouteLayer(MapLayer):
    def __init__(self, route_coords, **kwargs):
        super().__init__(**kwargs)
        self.route_coords = route_coords  # 路线的经纬度列表，格式：[(lat1, lon1), (lat2, lon2), ...]
        self.bind(mapview=self.update_route)

    def update_route(self, *args):
        self.canvas.clear()
        if not self.mapview or not self.route_coords:
            return
        
        # 把经纬度转换成地图的屏幕坐标
        points = []
        for lat, lon in self.route_coords:
            x, y = self.mapview.get_window_xy_from(lat, lon)
            points.extend([x, y])
        
        # 绘制路线
        with self.canvas:
            Color(1, 0, 0, 1)  # 红色路线
            Line(points=points, width=2)

    def on_draw(self, viewport):
        self.update_route()

KV语言部分：

MapView: 
    id: mapview 
    lat: 36.77418821888212 
    lon: 3.052954737671183 
    zoom: 12 
    on_zoom: self.zoom = 12 if self.zoom < 12 else self.zoom 

    RouteLayer:
        route_coords: [(36.7571627, 2.9946709), (36.735850, 3.138329), (36.735900, 3.138329), ...]  # 替换成你的完整路线坐标

方案2：利用Canvas绑定地图坐标更新路线 #

如果你不想自定义图层，也可以直接在MapView的canvas里绘制路线，但需要监听地图的on_translate和on_zoom事件，实时更新路线的屏幕坐标：

代码示例： #

Python部分：

from kivy.garden.mapview import MapView
from kivy.graphics import Color, Line

class MyMapView(MapView):
    def __init__(self, route_coords, **kwargs):
        super().__init__(**kwargs)
        self.route_coords = route_coords
        self.route_line = None
        self.bind(translate=self.update_route, zoom=self.update_route)
        self.update_route()

    def update_route(self, *args):
        if self.route_line:
            self.canvas.after.remove(self.route_line)
        
        points = []
        for lat, lon in self.route_coords:
            x, y = self.get_window_xy_from(lat, lon)
            points.extend([x, y])
        
        with self.canvas.after:
            Color(0, 0, 1, 1)  # 蓝色路线
            self.route_line = Line(points=points, width=2)

KV语言部分：

MyMapView: 
    id: mapview 
    lat: 36.77418821888212 
    lon: 3.052954737671183 
    zoom: 12 
    on_zoom: self.zoom = 12 if self.zoom < 12 else self.zoom 
    route_coords: [(36.7571627, 2.9946709), (36.735850, 3.138329), ...]  # 你的路线坐标

补充说明： #

• 不管用哪种方案，你都需要先获取到路线的完整经纬度坐标序列，而不是手动摆标记点。
• 自定义MapLayer的方式更模块化，适合复杂的地图叠加需求；直接用Canvas的方式更轻量，适合简单场景。

内容的提问来源于stack exchange，提问作者ilyesBourouba