openlayer 使用ol-ext插件实现凸显区域

使用ol-ext插件实现凸显多变形

效果如图

1、创建openlayer

var map;
var view;
var tileLayer, source, vector;

function init() {
  tileLayer = new ol.layer.Tile({
    source: new ol.source.TileArcGISRest({
      url: "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer"
    }) //
  });
  view = new ol.View({
    center: [113, 23],
    projection: 'EPSG:4326',
    zoom: 10
  });
  map = new ol.Map({
    layers: [tileLayer],
    target: 'map',
    view: view
  });


}

2、添加图层和多变形

function addpolygon() {
  var source = new ol.source.Vector({wrapX: false});
  var vector = new ol.layer.Vector({
    source: source,
  });
  map.addLayer(vector);

  var array = [
    [113.0, 23.0],
    [113.5, 23.0],
    [113.5, 23.5],
    [113.0, 23.0]
  ];
  var p = new ol.ge