vue2高德地图设置点位标注图片样式

在Vue2中使用高德地图设置点位标注图片样式，主要可以通过高德地图提供的API来实现。首先，你需要在项目中引入高德地图的SDK，并在页面上创建地图实例。接着，你可以使用`AMap.Marker`类来创建一个标记，并通过设置其`icon`属性来指定自定义的图片样式。

以下是一个简单的示例流程：

1. 在页面中引入高德地图的SDK脚本：

<script src="https://webapi.amap.com/maps?v=1.4.15&key=你的高德地图API密钥"></script>

2. 在Vue2组件的`mounted`钩子中初始化地图并创建标记：

<template>
  <div id="map" style="width: 100%; height: 500px;"></div>
</template>

<script>
export default {
  mounted() {
    // 初始化地图实例
    this.map = new AMap.Map('map', {
      zoom: 10, // 初始缩放级别
      center: [116.397428, 39.90923], // 初始中心点坐标
    });

    // 创建一个标记
    const marker = new AMap.Marker({
      position: [116.397428, 39.90923], // 标记位置
      map: this.map, // 将标记添加到地图上
      icon: '图片的URL地址', // 设置标记的图标为自定义图片
    });
  },
};
</script>

<style>
#map {
  width: 100%;
  height: 500px;
}
</style>

请注意，你必须替换`你的高德地图API密钥`为你申请的高德地图API密钥，同时替换`图片的URL地址`为你想要设置的图片地址。