时间戳

首页 > 解决方案 > 在 ngx-leaflet 中动态处理折线

typescript - 在 ngx-leaflet 中动态处理折线

问题描述

我正在尝试在 ngx-leaflet 上使用折线，但我遇到了一些问题。首先，我尝试通过传递硬编码的 latlng 值来声明折线，但如果我尝试传递变量 ti，则会出现以下错误：

   bubu = [[39.838128, 15.480699]];
    route= polyline([[39.838128, 15.480699]]); // ok
    routes= polyline(this.bubu); /*Argument of type 'number[][]' is not assignable to parameter of type 'LatLngExpression[]'.
    Type 'number[]' is not assignable to type 'LatLngExpression'.
    Type 'number[]' is not assignable to type 'LatLngLiteral'.
    Property 'lat' is missing in type 'number[]'.*/

我还尝试使用 setLatLngs 方法动态更新坐标，但它不接受 Marker[] 作为坐标：

    markers: Marker[] = [];
    marker.push(/*a valid marker*/);
    marker.push(/*a valid marker*/);
    route= polyline( markers); /*: Argument of type 'Marker<any>[]' is not assignable to parameter of type 'LatLngExpression[]'.
    Type 'Marker<any>' is not assignable to type 'LatLngExpression'.
    Type 'Marker<any>' is not assignable to type 'LatLngLiteral'.
    Property 'lat' is missing in type 'Marker<any>'.
*/

那么我可以动态创建折线并使用库进行更新吗？我试图建立的最终目的是最终用户具有创建标记并将它们与折线链接的功能。

我想明确说明我只使用标准的“ngx-leaflet”库而不是其他插件。

标签： typescriptleafletangular5ngx-leaflet

解决方案

推荐阅读