样式基本配置 最后更新时间: 2021年01月22日

输入完数据后，接下来就需要进行数据与样式映射的配置了。
通过 setOptions() 指定样式配置，可以精确配置数据与样式属性的关系。说通俗点，就是什么样的数据该长成什么样，都是通过样式配置实现的。

基本使用

以全国省会及直辖市的数据为例，来看下面代码：

layer.setData([
    { 'name': '北京市', 'center': '116.407394,39.904211' },
    { 'name': '天津市', 'center': '117.200983,39.084158' },
    { 'name': '河北省', 'center': '114.530235,38.037433' },
    { 'name': '山西省', 'center': '112.562678,37.873499' }
    // ...more
]);

layer.setOptions({
    style: {
        radius: 10,
        color: 'red',
        borderColor: 'gray',
        borderWidth: 1,
        opacity: 0.9
    }
})

setOptions(options) 方法接受一个 JSON 格式的配置项，这里我们详细介绍下各配置的作用:

style 样式配置，JSON 格式。其中可以指定图形的属性，例如：圆形半径、线宽、填充颜色、透明度等。样式的配置项根据不同图形有不同的属性，具体参数请参考 API 文档。

按照上面的描述，我们来翻译下这段配置得含义：

1. 绘制点类型 point 图形，默认为圆形形状。
2. 点类型数据的位置依赖于 center 字段，将该字段内的数据按照经纬度格式来解析，作为圆形圆心位置。
3. 设置这些圆的半径为 10px （默认单位像素，可设置为米）、填充红色、圆形边框1px、边框灰色、整体透明度 0.9 （范围0-1）。

这样在设置好 数据 和 属性 后，如果图层已被添加至容器中，图层便可以立即渲染。