Vue 高德地图组件 vue-amap-自定义 Marker 图标
ITPOW2019/12/6 17:24:04
从高德官方搞下各种 Marker 的 svg 文件,放在 src/assets/icons 下,然后代码中使用:
import back from "@/assets/icons/back.svg" import beige from "@/assets/icons/beige.svg" import blue from "@/assets/icons/blue.svg"
编辑器可能会提示有错误,不用理它。
<el-amap-marker :icon="beige"
搞定,注意 beige 这里并不是字符串,而是我们前面 import 后的对象(虽然它是字符串类型)。更进一步可以这样说明:
<el-amap-marker :icon="icon" private icon: string = beige; // 正确 private icon: string = "beige"; // 错误
<<返回首页<<