angular-cesium icon indicating copy to clipboard operation
angular-cesium copied to clipboard

Origin in ac-html

Open Crocsx opened this issue 5 years ago • 0 comments

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

Crocsx avatar Aug 02 '20 07:08 Crocsx