title: How to fill / highlight a multipolygon using geojson data in ol 6?
body: <p>I have a webapp in django 3 &amp; ol6.</p>
  <p>My views.py is like this</p>
  <pre><code>   def highlightboundary(request):  
      searchArr = []
      output = {}
          
      dist = District.objects.filter(created_on__year__in=[2020,2021])
      
      for d in dist:
          searchArr.append({'type': 'Feature',
                    'properties': {'id': d.id, 'code': d.code},
                    'geometry': {'type': d.the_geom.geom_type, 'coordinates': d.the_geom.geojson}}) 
                        
      output = {'type': 'FeatureCollection', 'features': searchArr}
      return JsonResponse(output) 
  </code></pre>
  <p>And my openlayer code is:</p>
  <pre><code>window.highltSubmit = function highltSubmit(event) {
    $.post('/webapp/highlight/',function(data){  //Returns data from the above view
       dist_highlt = new VectorLayer({
            title:'Boundary Highlight',
            source: new VectorSource({
              features: new GeoJSON().readFeatures(data, {
                  dataProjection: 'EPSG:32643',
                  featureProjection: 'EPSG:32643',
              }),
            }),
            style: new Style({
              stroke: new Stroke({
                  color: '#319FD3',
                  width: 2,
                }),
            fill: new Fill({
              color: 'rgba(255, 255, 255, 0.6))',
            }),
            }),
            opacity: 0.5,
          });
       map.addLayer(dist_highlt);
    });
   }
  }
  </code></pre>
  <p>The view <strong>highlightboundary</strong> return data to the above <strong>post</strong> function.
  But my problem is the polygon(multipolygon) is not hightlighting or color is not filling inside the polygon. if its a point field,it works fine. Whats wrong in my code.</p>
  <p>And I am getting error</p>
  <blockquote>
  <p>Uncaught TypeError: f.getLayout is not a function            MultiPolygon.js:94:27</p>
  </blockquote>