Method _createGraphicLayer

src/common/mapping/WebMapV2.js:1552–1670

(layerInfo, features, iconSizeExpression, iconRotateExpression, addToMap = true, filter)

    }

    async _createGraphicLayer(layerInfo, features, iconSizeExpression, iconRotateExpression, addToMap = true, filter) {
      return new Promise((resolve) => {
        const { layerID, minzoom, maxzoom, style } = layerInfo;

        const source = {
          type: 'geojson',
          data: {
            type: 'FeatureCollection',
            features: features
          }
        };
        if (!this.map.getSource(layerID)) {
          this.map.addSource(layerID, source);
        } else {
          this.map.getSource(layerID).setData(source.data);
        }
        const iconID = `imageIcon-${layerID}`;
        if (style.type === 'IMAGE_POINT') {
          const imageInfo = style.imageInfo;
          this.map.loadImage(imageInfo.url, (error, image) => {
            if (error) {
              console.error(error);
              return;
            }
            const iconSize = Number.parseFloat((style.radius / image.width).toFixed(2)) * 2;
            !this.map.hasImage(iconID) && this.map.addImage(iconID, image);
            const layerOptions = {
              id: layerID,
              type: 'symbol',
              source: layerID,
              layout: {
                'icon-image': iconID,
                'icon-anchor': 'bottom-right',
                'icon-size': iconSizeExpression || iconSize,
                'icon-allow-overlap': true,
                visibility: layerInfo.visible,
                'icon-offset': [style.offsetX * image.width || 0, style.offsetY * image.height || 0],
                'icon-rotate': iconRotateExpression || ((layerInfo.style.rotation || 0) * 180) / Math.PI
              },
              minzoom: minzoom || 0,
              maxzoom: maxzoom || this.map.getMaxZoom() + 1
            };
            if (filter) {
              layerOptions.filter = filter;
            }
            this._addLayer(layerOptions);
            if (addToMap) {
              this._addLayerSucceeded({ layerInfo, features });
            }
            resolve();
          });
        } else if (style.type === 'SVG_POINT') {
          const svgUrl = style.url;
          if (!this._svgDiv) {
            this._svgDiv = document.createElement('div');
            document.body.appendChild(this._svgDiv);
          }
          this.getCanvasFromSVG(svgUrl, this._svgDiv, (canvas) => {