Here api 为什么DOMMarker和Marker在地图JS上的位置不同？

我们在这里使用JS3.0，并试图向地图添加自定义标记

我注意到，我们的定制SVG总是有点偏离中心，与“常规”标记的放置位置不匹配（“常规”标记指向正确的位置），即使提供的坐标相同：

（上面的fiddle使用的是3.1，但同样的行为也发生在3.0中。）

---

关于如何处理这个问题有什么建议吗

自定义SVG和常规标记都位于相同的地理坐标。自定义SVG看起来是关闭的，因为它是一个正方形，其左上角位于指定的地理坐标处，而常规标记的尖端位于地理坐标处。请使用CSS边距将SVG居中

---

自定义SVG和常规标记都位于相同的地理坐标处。自定义SVG看起来是关闭的，因为它是一个正方形，其左上角位于指定的地理坐标处，而常规标记的尖端位于地理坐标处。请使用CSS边距将SVG居中

---

由于DOM标记相对于父容器是绝对定位的，因此可以在

元素上使用

left

和

right

CSS属性。像这样：

var svgMarkup=''+
//...
''

---

由于DOM标记相对于父容器是绝对定位的，因此可以在

元素上使用

左
和
右
CSS属性。像这样：

var svgMarkup=''+
//...
''


  var icon = new H.map.DomIcon(svgMarkup);
  var domMarker = new H.map.DomMarker(coords, {icon: icon});
  map.addObject(domMarker);

  var regularMarker = new H.map.Marker(coords);
  map.addObject(regularMarker);