在ngx-leaflet中动态处理折线

时间:2018-04-26 15:21:51

标签: typescript leaflet angular5 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&#39; lib而不是其他插件。

0 个答案:

没有答案