ScatterPointLayer 散点图层最后更新时间: 2021年01月22日

散点类型图层，图形平行于地面。

2D 模式（不开启事件）使用 canvas 绘制，理论绘制数量上限是 5 万级别，数量在 2 万以内有最佳体验。此外，由于使用了 canvas 绘制，并且使用 AMap 中的AMap.CustomLayer 作为容器，因此会在地图的每次移动和缩放中会进行计算经纬度和触发重绘。

3D 模式（不开启事件）Webgl 绘制，理论绘制数量上限是 20 万左右。

已下为示例代码：

JavaScript

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

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

let citys = [
    {"lnglat":[116.486409,39.921489],"name":"朝阳区","style":2},
    {"lnglat":[116.286968,39.863642],"name":"丰台区","style":2},
    {"lnglat":[116.195445,39.914601],"name":"石景山区","style":2},
    {"lnglat":[116.310316,39.956074],"name":"海淀区","style":2},
    {"lnglat":[116.105381,39.937183],"name":"门头沟区","style":2},
    // ...
];

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

layer.setOptions({
    style: {
        // 默认半径单位为像素
        radius: 10,
        color: '#4FC2FF',
        borderWidth: 1,
        borderColor: '#FFFFFF',
        opacity: 0.9,
    }
});

// 渲染
layer.render();

1. 构造函数

构造函数	说明
Loca.ScatterPointLayer(<LayerOptions> options)	创建可视化图层

未列出参数，同 Loca.Layer。

2. 基本方法

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

未列出接口，同 Loca.Layer。

Visual Options 样式配置

Options	类型	默认值	说明
unit	string	px	图形长度单位，默认像素。支持米 `meter`和像素`px`。
参数同 Loca.Layer

Style Options

Options	Type	Default	Description
radius	number/Function/<Attr options>	0	圆形半径，单位为像素。
参数同 Loca.Layer

ScatterPointLayer 散点图层 最后更新时间: 2021年01月22日

2. 基本方法

ScatterPointLayer 散点图层最后更新时间: 2021年01月22日