Javascript 此处api在地图上以svg图标的位置为中心

对于在浏览器（Chrome、Firefox）中使用Javascript框架在here Map V3上定位图标有疑问

我创建了一个可以旋转的svg箭头。 （绿点和矩形只是为了更好地识别问题） 但我无法在地理坐标上居中放置新创建的图标。 绿色图标点和箭头位于同一地理坐标处

我希望我的图标精确地位于该地理坐标的中心，因为如果您有不同的缩放级别，箭头似乎会远离该地理坐标

我使用的代码片段之一

var svgArrow = '<svg width="30" height="30"  xmlns="http://www.w3.org/2000/svg">' +
                '<polyline points="15,2 25,27 15,15 5,27" stroke="#FE6940" fill="#FE6940" transform="rotate('+ PosDirection + ',15,15)"/> </svg>';
var iconSVG = new H.map.Icon(svgArrow);
addMarkerToGroup(iconGroup, {lat:Latitude, lng:Longitude},
            '', {icon:iconSVG});

var svgArrow=''+
' ';
var iconSVG=新的H.map.Icon（svgArrow）；
addMarkerToGroup（iconGroup，{lat:纬度，lng:经度}，
''，{icon:iconSVG}）；

我尝试了一些附加css的方法，其他用户告诉我这些方法应该有效，但是没有任何方法可以帮助我找到正确的位置。 有人知道如何解决这个问题吗

---

感谢allot

CSS样式在这种情况下没有效果，因为标记是在画布中呈现的，因此本身不在DOM树中

但是，您可以通过为

H.map.图标

构造指定选项来实现所需的功能，更具体地说，可以使用带有x和y偏移的属性

锚定

。如下所示：

var iconSVG = new H.map.Icon(svgArrow, {
  anchor: {
    x: svgWidth / 2,
    y: svgHeight / 2
  }
});

---

它的工作方式正是它必须的。非常感谢，迈克尔。