Create a new PropertiesMap inside the DOM element with the given HTML
id
HTML element or string 'id' of the element where the map should live
settings for all panels
EnvironmentIndexer used to translate indexes from environments index to structure/atom indexes
widget display target, either stucture or atom
properties to be displayed
Callback fired when the active marker is changed by clicking on the map
Callback fired when the plot is clicked and the position of the active marker changes
Callback to get the initial positioning of the settings modal.
The callback gets the current placement of the settings as a
DOMRect, and
should return top and left positions in pixels, used with position: fixed. The callback is called once, the first time the settings are
opened.
Apply saved settings to the map.
Add the given callback to be called whenever a setting changes. The
callback will be given the path to the settings as a list of keys; and
the new value of the setting.
There is currently no way to remove a callback.
Remove all HTML added by this PropertiesMap in the current document
Removes a marker from the map.
GUID of the marker to remove
Save the values of the current settings in a way that an be used with applySettings or saved to JSON.
Change the environment indicated by the currently active marker to
the one with the given indexes
Set the marker with given GUID as the active marker.
the GUID of the new active viewer
Change display target and adapt the element to the new target
display target
The PropertiesMap class displays a 2D or 3D map (scatter plot) of properties in the dataset, using plotly.js for rendering.
Properties can be used as x, y, or z values, as well as points color and size. Additionally, string properties can be used as symbols for the scatter plot markers.