angular - ArcGis Angular 的 UI 问题

Question

我正在尝试构建一个 Angular 应用程序，我正在使用addressToLocationsArcGis API 在地图上绘制标记。

我能够添加带有地图的组件，并且标记现在显示没有任何问题。但是弹出模板没有出现，地图控件看起来很奇怪。

任何形式的帮助都将不胜感激。

谢谢。

这些是导入的模块

return loadModules([
  'esri/Map',
  'esri/views/MapView',
  'esri/tasks/Locator',
  'esri/geometry/Point',
  'esri/symbols/PictureMarkerSymbol',
  'esri/layers/GraphicsLayer',
  'esri/Graphic',

  'esri/PopupTemplate',
])

我正在绘制标记和弹出窗口的代码，其中loc对象包含该地点的所有详细信息（属性、位置等）

  this.mapView.graphics.add(
    new Graphic({
      attributes: loc.attributes, // Data attributes returned
      geometry: loc.location, // Point returned
      symbol: {
        type: 'simple-marker',
        color: '#000000',
        size: '12px',
        outline: {
          color: '#ffffff',
          width: '2px',
        },
      },

      popupTemplate: {
        title: 'Test Title', // Data attribute names
        content: 'Test Content,
      },
    })
  );

结果的屏幕截图，在屏幕截图中，缩放控件可以看作是文本而不是图标。

如果我单击标记，则详细信息如下所示。

标签： angulararcgisarcgis-js-api