Skip to content

ScaffoldVuer

A vue component of the scaffold viewer.

Props

NameDescriptionTypeRequiredDefault
urlURL of the zincjs metadata. This value will be ignored if a valid state prop is also provided. If the url needs to be updated with state present, please use the setURL method.Stringfalse-
showColourPickerShow the colour control of set to true.Booleanfalsefalse
displayUIFlag to show/hide the UI.Booleanfalsetrue
displayAtStartUpDisplay all graphics at start. This setting only works when traditional is set to false.Booleanfalsetrue
helpModeUse for toggling the help tooltips.Booleanfalsefalse
displayWarningUse for show/display beta warning icon.Booleanfalsetrue
warningMessageWarning message for the hovered over text on the warning icon.StringfalseBeta feature - under active development
displayLatestChanges-Booleanfalsefalse
latestChangesMessage-StringfalseNew feature - Local search is now available
displayMarkersShow/hide pickable markers for regions.Booleanfalsefalse
markerLabels-Arrayfalse[]
displayMinimapShow/hide minimap.Booleanfalsefalse
formatFormat of the input URLStringfalsemetadata
minimapSettingsSettings for minimap position, size and alignment.Objectfalse{"x_offset":16,"y_offset":16,"width":128,"height":128,"align":"top-right"}
enableOpenMapUIFlag to determine rather the open map UI icon and popup should be shown or not.Booleanfalsefalse
openMapOptionsThis array populate the the openMapOptions popup. Each entry contains a pair of display and key.Arrayfalse[{"display":"Open AC Map","key":"AC"},{"display":"Open FC Map","key":"FC"},{"display":"Open 3D Human Map","key":"3D"}]
stateState containing state of the scaffold.Objectfalseundefined
regionOptional prop for the name of the region to focus on, this option is ignored if state or viewURL is also provided.Stringfalse-
viewURLOptional prop for an URL of containing information of a viewport. This option is ignored if state is also provided. It will use the provided URL as base if a relative parth is provided.Stringfalse-
renderSettings for turning on/off renderingBooleanfalsetrue
flatmapAPISpecify the endpoint of the flatmap server. This is used by annotation service included in third party flatmapvuer library.Stringfalsehttps://mapcore-demo.org/current/flatmap/v3/

Events

Event NameDescriptionParameters
timeChangedEmit when time in the current scene has changedCurrent time in scene
zinc-object-addedEmit when a new object is added to the sceneThe object added to the sceene
scaffold-selectedEmit when an object is selectedIdentifier of selected objects
scaffold-highlightedEmit when an object is highlightedIdentifier of selected objects
on-readyEmit when all objects have been loaded-
scaffold-navigatedEmit when the scene has been transformed due to navigation, only triggered during syncControl modeInformation on the navigation
open-map--

Methods

MethodDescriptionParameters
addZincObjectCall this to manually add a zinc object into the current sceneZinc object to be added
captureScreenshotFunction for capturing a screenshot of the current rendering.filename given to the screenshot.
clearSceneFunction to clear current scene, the tree controls and the search index.-
fitWindowFunction to reset the view to default. Also called when the associated button is pressed.-
zoomInFunction to zoom in. Also called when the associated button is pressed.-
zoomOutFunction to zoom out. Also called when the associated button is pressed.-
speedChangedFunction to change the current play speed.-
stopFreeSpinFunction used to stop the free spin-
findObjectsWithGroupNameReturn a list of obejcts with the provided name.Group name to search.
viewRegionFind and and zoom into objects with the provided list of names.List of names
getRendererInfoReturn renderer information-
freeSpinFunction used to rotate the scene. Also called when the associated button is pressed.-
getCoordinatesOfSelectedGet the coordinates of the current selected region.-
getDynamicSelectedCoordinatesReturn an object containing the window coordinates of the current selected region which will be updated after each render loop.-
playStart the animation.flag to turn the animation on/off
setHelpModeFunction to toggle on/off overlay help.-
hideRegionTooltipHide the tooltip-
setMarkerModeWithAnnotationsSet the marker modes for objects specified by the list of annotations-
searchSearch a object and display the tooltiptext to search across toggle the tooltip if this is set
fetchSuggestionsGet the list of suggested terms based on the provided term. This can be used for autocomplete.-
getStateFunction used for getting the current states of the scene. This exported states can be imported using the importStates method.-
setStateFunction used for importing the states of the scene. This exported states can be imported using the read states method.-
exportGLTFexport current scene in GLTF.Return in binary form when set to true
setURLAndStateFunction used for reading in new scaffold metadata and a custom viewport. This function will ignore the state prop and read in the new url.-
setURLFunction used for reading in new scaffold metadata. This function will ignore the state prop and read in the new url.-
forceResizeForce the renderer to resize-