Polyline
继承Layer。
在地图上绘制折线。
示例
//使用坐标数组创建一条红色的折线
var latlngs = [
[39.8,116.356484],
[39.7,116.400957],
[39.7,116.461915],
[39.8,116.484237]]
;
var polyline = W.polyline(latlngs, {color: 'red'}).addTo(map);
构造函数
| 工厂 | 描述 |
|---|---|
| W.polyline(< LatLng[]> latlngs, < Polyline options> options?) | 使用坐标数组创建折线 |
构造选项
| 选项 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| stroke | Boolean | true | 是否绘制边框 |
| color | String | '#3388ff' | 边框颜色 |
| weight | Number | 3 | 边框粗细，单位是像素 |
| opacity | Number | 1.0 | 边框不透明度 |
| lineCap | String | 'round' | 两端形状 请参照 |
| lineJoin | String | 'round' | 拐角处形状请参照 |
| fill | Boolean | 是否有填充效果 | |
| fillColor | String | * | 填充颜色，默认和color相同 |
| fillOpacity | Number | 0.2 | 填充透明度 |
| fillRule | String | 'evenodd' | 填充规则请参照 |
| className | String | null | 自定义样式 |
| smoothFactor | Number | 1.0 | 控制不同显示级别抽稀程度。越大表示更好的性能和更加平滑。越小则越精确 |
方法
| 方法 | 返回值 | 描述 |
|---|---|---|
| getLatLngs() | LatLng[] | 获取坐标数组 |
| setLatLngs(<LatLng[]> latlngs) | this | 设置坐标数组 |
| isEmpty() | Boolean | 如果没有坐标，则返回true |
| getCenter() | LatLng | 获取中心点 |
| getBounds() | LatLngBounds | 获取边界 |
| addLatLng(<LatLng> latlng) | this | 添加坐标点 |
| enableEdit() | this | 启用编辑 |
| disableEdit() | this | 禁止编辑 |
| toGeoJSON() | Object | 返回GeoJSON格式( 可能是LineString Feature或 MultiLineString Feature) |