Google maps Vue//如何从js方法指向资产文件夹？

我有一个由vue cli v3生成的vue项目，我正在尝试为markerclustererplus v3提供自定义标记，但它不起作用

我放置了包含所有m{1-5}.png图像的“m”文件夹，并为MarkerClusterer

imagePath:“/assets/m/m”

提供了imagePath选项，但我得到的只是表示图像加载失败的图标。图标的路径似乎是正确的，

http://localhost:8080/assets/m/m2.png

到目前为止，我已经尝试将“m”文件夹移动到

public

和

components

文件夹，但它也不起作用。如果我打开

http://localhost:8080/assets/m

浏览器地址栏中的文件夹或文件。我在浏览器的“源”选项卡上也看不到任何图像

更新：

根据文档

imagePath

属性是一个字符串，它是：

用于群集图标的图像文件组的根名称的完整URL。完整文件名的格式为imagePathn.imageExtension，其中n是图像文件号（1、2等）。默认值为MarkerClusterer.IMAGE\u路径

所以我不能只使用require（“/folder_path/”），因为我没有调用某些集群类型所需的exact.png，而且我不能将图像数组传递给

imagePath

属性，因为它是一个字符串

这是我的

src

目录树：

.
├── App.vue
├── api.js
├── assets
│   ├── logo.png
│   └── m
│       ├── m1.png
│       ├── m2.png
│       ├── m3.png
│       ├── m4.png
│       └── m5.png
├── components
│   ├── google-map.vue
│   └── side-bar.vue
├── dummyData.js
└── main.js

---

我正在将

imagePath:“/assets/m/m”

选项传递到

google map.vue

文件中的MarkerClusterer，它会在浏览器中生成

元素。

要从资产文件夹中引用文件，请使用@。您的图像路径应如下所示：

<img src="@/assets/m/m2.png">

---

要从资产文件夹中引用文件，请使用@。您的图像路径应如下所示：

<img src="@/assets/m/m2.png">

您能向我们展示一下您的项目结构吗？查看文件夹的组织方式。问题可能在你的道路上。@MiguelCruz我已经更新了问题。检查一下，请告诉我这里的错误…你能告诉我们你的项目结构吗？查看文件夹的组织方式。问题可能在你的道路上。@MiguelCruz我已经更新了问题。检查一下，请在这里告诉我错误。。。