百度地图更换定位点图标并展示label

目录

一、定义Icon类

二、创建marker时使用自定义图标

三、创建label并添加到marker上

四、更改laebl样式

五、最终实现效果（可直接跳过上述步骤先看下效果图哦~）

---

需求：叠加marker数据时，坐标点样式展示对应商家的logo图标，并使用label展示商家的名称

在百度地图上添加点图层数据的初始效果：

一、定义Icon类

在这里，我将icon抽离出去单独封装了一下，各位凭借自己的喜好使用即可，icon是我图片的路径，我在创建marker的方法里边会进行调用传参

//使用自定义的图标样式
let myIcon = (icon)  =>{
  let mapicon = new BMapGL.Icon(icon,new BMapGL.Size(23,25),{
    anchor: new BMapGL.Size(10, 25),
    imageOffset: new BMapGL.Size(0, 0)   // 设置图片偏移
  })
  return mapicon
}

二、创建