創(chuàng)新互聯(lián)公司是一家集策劃、設(shè)計(jì)、技術(shù)開發(fā)一體的專業(yè)網(wǎng)站建設(shè)公司，技術(shù)團(tuán)隊(duì)10年來致力于為客戶提供企業(yè)網(wǎng)站定制，手機(jī)網(wǎng)站開發(fā)。經(jīng)過多年發(fā)展，公司技術(shù)團(tuán)隊(duì)，先后服務(wù)了近千家客戶，包括各類中小企業(yè)、上市公司、高校、政府。公司在過去10年的資源積累，追求并一直堅(jiān)持，為客戶打造更有價值的互聯(lián)網(wǎng)平臺。

    var styles = {
      'Polygon': [new ol.style.Style({
        stroke: new ol.style.Stroke({
          color: '#ff3100',
          lineDash: [0],
          width: 1
        }),
        fill: new ol.style.Fill({
          color: 'rgba(0, 0, 255, 0.1)'
        })
      })],
    };

    var styleFunction = function(feature) {
      console.log(feature)
      return styles[feature.getGeometry().getType()];
    };

    var geojsonObject = {
      'type': 'FeatureCollection',
      'crs': {
        'type': 'name',
        'properties': {
          'name': 'EPSG:3857'
        }
      },
      'features': [

        {
        //區(qū)域
          'type': 'Feature',
          'geometry': {
            'type': 'Polygon',
            'coordinates': [
              [
                .........
              ]
            ]
          }
        },
      ]
    };

    var vectorSource = new ol.source.Vector({
      features: (new ol.format.GeoJSON()).readFeatures(geojsonObject)
    });
    var vectorLayer = new ol.layer.Vector({
      source: vectorSource,
      style: styleFunction,
    });

詳細(xì)源碼
官方源碼注釋