角度agm标记无法加载图标的本地png

时间:2020-10-13 13:39:43

标签: angular typescript agm

我正在通过angular(不是angular js)创建一个网站,以绘制一堆标记,但是无法从项目中将标记作为自定义图像。

以这种方式设置图标时,它可以正常工作,但我希望能够使用自己的图标来自定义这些图标。


 icon = {
    url: 'http://developerdrive.developerdrive.netdna-cdn.com/wp-content/uploads/2013/08/ddrive.png',
    scaledSize: {
      width: this.iconWidth,
      height: this.iconHeight,
    }
 }

我要做的就是让Google标记默认图像代替我自己的图像(current.png)。

出于测试目的,我将文件名“ BlueMarker.png”添加到了地图所在的相同组件文件夹中。

所以这样做的时候

 icon = {
    url: './BlueMarker.png',
    scaledSize: {
      width: this.iconWidth,
      height: this.iconHeight,
    }
 }

它抛出此错误

Cannot GET /BlueMarker.json

文件与地图组件位于同一文件夹中。

任何想法都非常感激:)

0 个答案:

没有答案