无法在此地图上为图标设置css变换

时间:2018-06-14 03:59:09

标签: javascript here-api

我想使用H.map.DomMarker旋转图标标记:

var domElement = document.createElement('img');
    domElement.src = 'green-dot.png';
    domElement.style.transform='matrix(1, -0.3, 0, 1, 0, 0)';
    domElement.style.webkitTransform='matrix(1, -0.3, 0, 1, 0, 0)';
    domElement.style.msTransform='matrix(1, -0.3, 0, 1, 0, 0)';
var domIcon = new H.map.DomIcon(domElement, {});
var marker = new H.map.DomMarker(coordinate, {
    icon: domIcon
 });

但是我展示了控制台,它有所不同: Transform css icon marker here map 如何在此地图中覆盖css tranform for icon?

1 个答案:

答案 0 :(得分:0)

我找到了解决方案:创建一个div标签包装img标签,如:

var domElementFather = document.createElement('div');
domElementFather.appendChild(domElement);
var domIcon = new H.map.DomIcon(domElementFather, {});

它只是显示css:

transform : rotate(40deg)
相关问题