示例中心
功能在线体验
menu Created with Sketch. closed Created with Sketch.

高德 开发 数据可视化 JS API 可视化图层 LineLayer 线图层

更新时间:2019年05月20日

该图层用来展示线类型数据。

以下为示例代码:

const map = new AMap.Map('container');

const layer = new Loca.LineLayer({
    map: map
});

layer.setData(lines, {
    lnglat: 'lnglat'
});

layer.setOptions({
    style: {
        color: '#4FC2FF',
        width: 1,
        opacity: 0.9,
    }
});

// 渲染
layer.render();

1. 构造函数

构造函数

说明

Loca.LineLayer(<LayerOptions> options)

创建可视化图层

未列出参数,同 Loca.Layer

2. 基本方法

操作可视化图层的基本方法,例如设置数据、设置样式、渲染、销毁等。

未列出接口,同 Loca.Layer


Visual Options 样式配置

Options

类型

默认值

说明

unit

string

px

图形长度单位,默认像素。支持 米 meter和像素px

Loca.Layer 接口

Style Options

Options

Type

Default

Description

width

number/Function/<Attr options>

1

线宽,2D 下有效。

Loca.Layer 接口


新用户
福利
功能
在线体验
常见
问题