javascript - geoShapes の塗りつぶしとしてグラデーションを使用するオプションはありますか?

Question

here マップの geoShape で塗りつぶしの色としてグラデーションを使用する必要があります。これを行うオプションはありますか？

私がこのようなものを使用する場合:

// init HereMap
let platform = new H.service.Platform({
      'app_id': '111',
      'app_code': '111-111',
      useCIT: true,
      useHTTPS: false
    });

let defaultLayers = this.platform.createDefaultLayers();

let map = new H.Map(
      this.mapElement.nativeElement,
      defaultLayers.terrain.base,
      {
        zoom: 6,
        center: { lat: 51.22172, lng: 6.77616 }
      }
    );

let behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(this.map));
let ui = H.ui.UI.createDefault(this.map, defaultLayers, 'de-DE');

// set geoShape style
 let customStyle = {
      strokeColor: 'none',
      fillColor: 'linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,212,255,1) 100%)',
      lineWidth: 10,
      lineCap: 'square',
      lineJoin: 'bevel'
    };

// Create a rectangle and pass the custom style as an options parameter:
    var rect = new H.map.Rect(new H.geo.Rect(53.5, 12.5, 51.5, 14.5),
      { style: customStyle });

// Add the rectangle to the map:
    this.map.addObject(rect);

// Zoom the map to fit the rectangle:
    this.map.setViewBounds(rect.getBounds());

黒い物体しか出てこない...

あなたの助けに感謝します:)