LineStyleMarker3D

AMD: require(["esri/symbols/LineStyleMarker3D"], (LineStyleMarker3D) => { /* code goes here */ });
ESM: import LineStyleMarker3D from "@arcgis/core/symbols/LineStyleMarker3D";
Class: esri/symbols/LineStyleMarker3D
Inheritance: LineStyleMarker3D Accessor
Since: ArcGIS API for JavaScript 4.23

LineStyleMarker3D is used for rendering a simple marker graphic on a LineSymbol3DLayer.

Markers can enhance the cartographic information of a line by providing additional visual cues about the associated feature.

symbols-3d-line-markers

See also:
Example:
const symbol = {
  type: "line-3d",  // autocasts as new LineSymbol3D()
  symbolLayers: [{
    type: "line",  // autocasts as new LineSymbol3DLayer()
    marker: {  // autocasts as new LineStyleMarker3D()
      type: "style",
      style: "x",
      color: "blue",
      placement: "begin"
    })
  }]
};

Constructors

new LineStyleMarker3D(properties)
Parameter:
properties Object
optional

See the properties for a list of all the properties that may be passed into the constructor.

Example:
const marker = new LineStyleMarker3D({
  color: new Color("red"),
  placement: "begin-end",
  style: "cross"
})

Property Overview

Any properties can be set, retrieved or listened to. See the Working with Properties topic.
Show inherited properties Hide inherited properties
Name Type Summary Class
Colormore details

The color of the marker.

more detailsLineStyleMarker3D
Stringmore details

The name of the class.

more detailsAccessor
Stringmore details

Indicates where the marker is placed.

more detailsLineStyleMarker3D
Stringmore details

Style of the marker.

more detailsLineStyleMarker3D
Stringmore details

The type of marker applied to a line.

more detailsLineStyleMarker3D

Property Details

Autocasts from Object|number[]|string

The color of the marker. If not specified, the marker will match the color of the line.

Default Value:null
declaredClass Stringreadonly inherited

The name of the class. The declared class name is formatted as esri.folder.className.

placement String

Indicates where the marker is placed. Possible values are listed in the table below.

Value Description
begin Single marker at the start of the line
end Single marker at the end of the line
begin-end Two markers, one at the start and one at the end of the line

Possible Values:"begin"|"end"|"begin-end"

Default Value:"begin-end"
style String

Style of the marker. Possible values are listed in the table below.

Value Example
arrow lsm-arrow
circle lsm-circle
square lsm-square
diamond lsm-diamond
cross lsm-cross
x lsm-x

Possible Values:"arrow"|"circle"|"square"|"diamond"|"cross"|"x"

Default Value:"arrow"
type Stringreadonly

The type of marker applied to a line.

For LineStyleMarker3D the type is always "style".

Method Overview

Show inherited methods Hide inherited methods
Name Return Type Summary Class
thismore details

Creates a deep clone of this object.

more detailsLineStyleMarker3D
more details

Adds one or more handles which are to be tied to the lifecycle of the object.

more detailsAccessor

Method Details

clone(){this}

Creates a deep clone of this object. Any properties that store values by reference will be assigned copies of the referenced values on the cloned instance.

Returns:
Type Description
this A deep clone of the class instance that invoked this method.
own(handleOrHandles)inherited
Since: ArcGIS API for JavaScript 4.24

Adds one or more handles which are to be tied to the lifecycle of the object. The handles will be removed when the object is destroyed.

// Manually manage handles
const handle = reactiveUtils.whenOnce(() => !view.updating)
  .then(() => {
    wkidSelect.disabled = false;
});

handle.remove();

// Assign a handle using own()
this.own(reactiveUtils.whenOnce(() => !view.updating)
  .then(() => {
    wkidSelect.disabled = false;
  }));
Parameter:
handleOrHandles WatchHandle|WatchHandle[]

Handles marked for removal once the object is destroyed.

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.