vue 引入图片在data里使用

最新推荐文章于 2025-09-05 17:52:15 发布

原创最新推荐文章于 2025-09-05 17:52:15 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

VUE 专栏收录该内容

26 篇文章

订阅专栏

本文介绍如何在Vue项目中使用自定义图标标记地图位置，并展示了一个具体的应用实例。通过导入图片资源并将其设置为地图标记的图标，实现了在指定地理坐标上显示特定图标的地图功能。

<script>
import imgMobIconGray from '@/assets/images/SafetyWarningLinkagePlatform/shexiangtou-gray-icon-24.png'
export default {
  name: 'Test',
  components: {
  },
  data () {
    return {
      mobMarkers: [
        {
          id: '01',
          position: [86.934165, 27.990458],
          icon: '<img src="' + imgMobIconGray + '" style="width:18px;height:22px;"></img>',
        }
      ]
    }
  },
  methods: {
  },
  created () {
  },
  mounted () {
  }
}
</script>