Vue项目使用ArcGIS JS添加PictureMarkerSymbol

之前添加外部的图片作为symbol时图片路径一直有问题。有两种方式，一种是图片放到nginx或tomcat里，在symbol的url里使用绝对路径，这种适合图片可能动态增加或修改的情况。另一种如下

  private addPoint(angle: number) {
    this.view.graphics.removeAll();
    const symbol = {
      type: 'picture-marker',
      url: require('../assets/images/icon.png'), // require返回的直接是base64Url
      width: '120px',
      height: '120px',
      angle,
    };
    // mapView对象
    this.view.graphics.add(
      arcgisFuns.Graphic({
        // 一个point geometry
        geometry: this.point.center,
        symbol,
      })
    );
  }

使用require返回相对路径下图片的base64Url