高德地图自定义坐标点后为什么不在中心？

Question

content为空是 坐标点在正中间

自定义坐标点后 坐标点明显不在正中间 向右下角移动了 这是怎么回事？

that.lnglats[i].marker = new AMap.Marker({
                name: that.lnglats[i].name,
                position: arr2,
                map,
                content: `
                  <div style="color: #fff;text-align:center;width:40px;height:40px">
                      <img style="width: 40px;height: 40px" src="https://sqt-1259302042.cos.ap-guangzhou.myqcloud.com/d1d0db35c27640f0ba03f4ab1dada5d6.png" />
                  </div>
                `
})

Answer 1

位置偏移第一个应该想到图标的偏移设置offset，另外你使用的是html元素渲染的，所以肯定还要想到padding，margin，position等等带来的影响

从文档可以看出，默认的中心点在左上角，所以你可以直接设置下anchor为center，其次就是排除css带来的影响

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。