angular-cesium
angular-cesium copied to clipboard
Origin in ac-html
Hello,
I am trying to use Origin for positioning my ac-html
<ac-layer acFor="let track of tracks$" [context]="this" [store]="true" debug="true">
<ac-point-desc props="{
position: track.position,
pixelSize: 20,
color: track.color,
outlineColor: Cesium.Color.RED,
}">
</ac-point-desc>
<ac-html-desc props="{
position: track.position,
pixelSize: 20,
color: track.color,
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
pixelOffset: new Cesium.Cartesian2(0.0, -60)
}">
<ng-template let-menu>
<div style="background: red; width: 100px; height: 100px;">
HELLO
</div>
</ng-template>
</ac-html-desc>
</ac-layer>
https://stackblitz.com/edit/angular-cesium-demo-arrays-9rzukw
the problem is, no matter what you provide to
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
The position anchor point seems to be always on top left.
I think we should be able to change the origin like the other layers.
Thank you