ngx-leaflet中使用变量创建折线报错的问题求助

这是TypeScript类型推断导致的典型问题——硬编码的坐标数组能被自动识别为LatLngExpression[]，但变量声明时默认的类型推断太宽泛，就会和polyline的参数类型不兼容。

问题根源 #

Leaflet的polyline方法要求参数类型为LatLngExpression[]，这个类型是一个联合类型，包含三种合法形式：

• LatLng类的实例
• LatLngLiteral对象（带lat和lng属性）
• 严格的**[纬度, 经度]数字数组**

但你直接声明bubu = [[39.838128, 15.480699]]时，TypeScript会把它推断为宽泛的number[][]，这个类型无法自动匹配到LatLngExpression[]，所以抛出类型错误。而硬编码字面量时，TypeScript会直接把它推断为符合要求的LatLngExpression[]，因此能正常运行。

可行解决方案 #

以下几种方法都能解决这个问题，你可以根据习惯选择：

1. 显式指定变量类型（最推荐）

直接给变量声明LatLngExpression[]类型，让TypeScript明确它的结构：

import { LatLngExpression } from 'leaflet';

// 显式标注类型
bubu: LatLngExpression[] = [[39.838128, 15.480699]];
routes = polyline(this.bubu); // 现在可以正常运行

2. 使用类型断言（快速临时解决）

如果你确定变量的结构完全符合要求，可以用类型断言强制告诉TypeScript它的类型：

bubu = [[39.838128, 15.480699]];
routes = polyline(this.bubu as LatLngExpression[]);

3. 改用LatLngLiteral对象形式（更清晰易读）

换用对象格式定义坐标，TypeScript能自动识别为LatLngExpression的子类型，从根源避免类型问题：

bubu = [{ lat: 39.838128, lng: 15.480699 }];
routes = polyline(this.bubu); // 同样可以正常运行

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