绘制线
传入经纬度数组生成点实例对象
示例
const layer = hnsdk.drawLine(
[
[
[40, 40],
[50, 50],
[90, 0],
],
[
[35, 45],
[45, 55],
],
],
{
style() {
return {
weight: 20,
opacity: 0.5,
lineCap: "square",
lineJoin: "round",
dashArray: "30,30,90",
dashOffset: "60",
fill: true,
fillColor: "pink",
fillOpacity: 0.5,
fillRule: "evenodd",
className: "xxx",
};
},
}
);
layer.addTo(map);
参数
| 入参 | 类型 | 描述 |
|---|---|---|
| latlngs | array | 经纬度数组,可以有多个线 |
| options | object | 初始化选项 |
options
| 选项 | 类型 | 描述 |
|---|---|---|
| style | function | 一个定义线条样式的函数,需要返回一个对象 |
style
| 选项 | 类型 | 描述 | |
|---|---|---|---|
stroke | Boolean | true | 是否沿路径绘制边框。把它设置为false ,可以禁用多边形或圆形的边框。 |
color | String | '#3388ff' | Stroke(描边)颜色 |
weight | Number | 3 | Stroke(描边)宽度,单位:像素 |
opacity | Number | 1.0 | Stroke(描边)的不透明度 |
lineCap | String | 'round' | 定义描边 结束时使用的形状 的字符串。 |
lineJoin | String | 'round' | 定义在描边 转角处使用的形状 的字符串。 |
dashArray | String | null | 一个定义描边的点画线的 图案范式的字符串。 在一些旧的浏览器中,对 Canvas-powered 图层不起作用。 |
dashOffset | String | null | 一个字符串,它定义了进入 dash 范式的距离,以 dash 开始。 在一些旧的浏览器中,对 Canvas-powered 图层不起作用。 |
fill | Boolean | depends | 是否对路径进行颜色填充。设置为 false 可以禁止对多边形或圆形的填充。 |
fillColor | String | * | 填充颜色。默认为 color 选项的值。 |
fillOpacity | Number | 0.2 | 填充的不透明度。 |
fillRule | String | 'evenodd' | 一个字符串,定义 形状的内部区域 是如何被确定的。 |
bubblingMouseEvents | Boolean | true | 当为 true时,这个路径上的鼠标事件将在地图上触发相同的事件 (除非使用 hnsdk.DomEvent.stopPropagation )。 |
renderer | Renderer | | 在这个路径上使用这个特定的 Renderer(渲染器) 实例。 优先于地图的 default renderer(默认渲染器)。 |
className | String | null | 在一个元素上设置的自定义类名。仅适用于 SVG 渲染器。 |
方法
| 方法 | 返回值 | 描述 |
|---|---|---|
| remove | this | 从当前处于活动状态的地图中删除图层。 |
| addTo | this | 将图层添加到指定的地图或图层组 |
返回
GeoJSON 实例对象
