Vuejs2 Vuelayers vl样式图标语法

我查阅了vuelayer的文档，发现关于使用vl风格图标模块的信息很少，如果您想在vuelayer地图上创建图标，这一点非常重要

我很确定在使用它时我有正确的语法，但是

marker.png

不会通过它加载。我试着把它当作一个普通的图像来访问，它工作得很好，所以我认为这和我的语法有关

这是我的代码：

<template>
  <vl-map :load-tiles-while-animating="true" :load-tiles-while-interacting="true" style="height: 400px">
    <vl-view :zoom.sync="zoom" :center.sync="center" :rotation.sync="rotation" projection="EPSG:4326"></vl-view>
    <vl-feature v-for="crime in crimePoints" :key="crime.id">
      <vl-geom-point :coordinates="crime.coords"></vl-geom-point>
      <vl-style-box>
        <vl-style-icon src="./marker.png" :scale="0.4" :anchor="[0.5, 1]"></vl-style-icon>
      </vl-style-box>
    </vl-feature>
    <vl-layer-tile>
      <vl-source-osm></vl-source-osm>
    </vl-layer-tile>
  </vl-map>
</template>

vl样式框

和

vl样式图标

是这里的要点。我还检查了这些点是否没有出现

vl样式框

，它们确实出现了。我的代码可能有什么问题？

您可以这样尝试：

<vl-style-icon :src="require('./marker.png')" :scale="0.4" :anchor="[0.5, 1]"></vl-style-icon>
  </vl-style-box>

您可以这样尝试：

<vl-style-icon :src="require('./marker.png')" :scale="0.4" :anchor="[0.5, 1]"></vl-style-icon>
  </vl-style-box>

---

如果使用Vue CLI创建Vue项目，请将其包含在Vue.config.js文件中。第一部分告诉webpack解析自定义标记上的url属性，而不是已经配置的（）

运行以下命令以验证是否存在正确的vue加载程序配置

---

如果使用Vue CLI创建Vue项目，请将其包含在Vue.config.js文件中。第一部分告诉webpack解析自定义标记上的url属性，而不是已经配置的（）

运行以下命令以验证是否存在正确的vue加载程序配置

---

您是否尝试使用@来引用图标

src=“@/marker.png”

或者

src=“../marker.png”

都尝试过了，并且marker.png文件也与vue文件位于同一目录中。您是否尝试使用@引用图标

src=“@/marker.png”

或可能

src=“../marker.png”

都已尝试过，并且marker.png文件也与vue文件位于同一目录中

vue inspect > output.js