@geoblocks/cesium-compass-bar

compass bar widget for CesiumJS

Installation

npm i --save @geoblocks/cesium-compass-bar

Demo

Demo

Usage

 <cesium-compass-bar .scene="${viewer.scene}"></cesium-compass-bar>

API

Properties/Attributes

Name	Type	Default	Description
scene	Cesium.Scene		A Cesium Scene instance

CSS Custom Properties

Name	Default	Description
--cesium-compass-bar-tick-color	#000	Ticks and font color
--cesium-compass-bar-intercardinal-width	100px	Width in pixels between intercardinal divs

CSS Shadow Parts

Part name	Description
label	The compass label
label major	The compass major label (N, S, E, W)
label minor	The compass minor label (NE, SE, SW, NW)
tick	The compass tick div
center-tick	The compass center tick div