MapGIS Client for JavaScript API

# new SimpleRenderer(options)

参数:

示例

统一专题图-点

// ES5引入方式
const { SimpleRenderer } = zondy.renderer
const { SimpleMarkerSymbol, SimpleLineSymbol } = zondy.symbol
const { Color } = zondy
// ES6引入方式
import { SimpleRenderer, SimpleMarkerSymbol, SimpleLineSymbol, Color } from "@mapgis/webclient-common"
// 初始化统一专题图样式对象
const simpleRenderer = new SimpleRenderer({
  // 样式对象，更多样式详见：《SimpleMarkerSymbol》
  symbol: new SimpleMarkerSymbol({
    // 填充颜色
    color: 'rgba(1,1,252,0)',
    // 点半径
    size: 13,
    // 外边线样式
    outline: new SimpleLineSymbol({
      //线颜色
      color: new Color(255, 1, 0, 1),
      //线宽
      width: 1
    })
  })
});

统一专题图-线

// ES5引入方式
const { SimpleRenderer } = zondy.renderer
const { SimpleLineSymbol } = zondy.symbol
const { Color } = zondy
// ES6引入方式
import { SimpleRenderer, SimpleLineSymbol， Color } from "@mapgis/webclient-common"
// 初始化统一专题图样式对象
const simpleRenderer = new SimpleRenderer({
  // 样式对象，更多样式详见：《SimpleLineSymbol》
  symbol: new SimpleLineSymbol({
    //线符号颜色
    color: new Color(255, 1, 0, 11),
    //线宽
    width: 1
  })
});

统一专题图-区

// ES5引入方式
const { SimpleRenderer } = zondy.renderer
const { SimpleFillSymbol, SimpleLineSymbol } = zondy.symbol
const { Color } = zondy
// ES6引入方式
import { SimpleRenderer, SimpleFillSymbol, SimpleLineSymbol, Color } from "@mapgis/webclient-common"
// 初始化统一专题图样式对象，更多样式详见：《SimpleFillSymbol》
const simpleRenderer = new SimpleRenderer({
  // 样式对象，更多样式详见：《SimpleLineSymbol》
  symbol: new SimpleFillSymbol({
    // 填充颜色
    color: 'rgba(1,1,252,0)',
    // 外边线样式
    outline: new SimpleLineSymbol({
      //线颜色
      color: new Color(255, 1, 0, 1),
      //线宽
      width: 1
    })
  })
});