Element: <oj-thematic-map-link>

Oracle® JavaScript Extension Toolkit (JET)
5.2.0
E97691-01

QuickNav

Attributes

PREVIEW: This is a preview API. Preview APIs are production quality, but can be changed on a major version without a deprecation path.

Version:
  • 5.2.0
Since:
  • 5.2.0
Module:
  • ojthematicmap

JET Thematic Map Link

The oj-thematic-map-link element is used to declare properties for thematic map links and is only valid as the child of a template element for the linkTemplate slot of oj-thematic-map. 


<oj-thematic-map link-data='[[linkDataProvider]]' map-provider='[[mapProvider]]'>
 <template slot='linkTemplate'>
   <oj-thematic-map-link  start-location='[[$current.data.start]]' end-location='[[$current.data.end]]'>
   </oj-thematic-map-link>
 </template>
</oj-thematic-map>

Attributes

categories :Array.<string>

An array of category strings corresponding to this link. This allows highlighting and filtering of links. By default, the label is used as the link category.
Default Value:
  • []
Example

Initialize the thematic map link with the categories attribute specified:

<oj-thematic-map-link categories='[[$current.data.categories]]'></oj-thematic-map-link>

color :string

The link color.
Default Value:
  • ""
Example

Initialize the thematic map link with the color attribute specified:

<oj-thematic-map-link color='[[$current.data.color]]'></oj-thematic-map-link>

end-location :object

An object used to determine the end point of the link.
Default Value:
  • {}
Example

Initialize the thematic map with the end-location attribute specified:


<oj-thematic-map-link end-location.x='[[$current.data.lat]] end-location.y='[[$current.data.long]]'></oj-thematic-map-link>

<oj-thematic-map-link end-location='[[$current.data.end]]></oj-thematic-map-link>

end-location.id :any

The marker or area id to be used as the end point.
Example
See the endLocation attribute for usage examples.

end-location.location :string

An identifier corresponding to a Feature provided in the mapProvider geo object to be used as the end point.
Example
See the endLocation attribute for usage examples.

end-location.x :number

The x coordinate which can represent latitude of the end point.
Example
See the endLocation attribute for usage examples.

end-location.y :number

The y coordinate which can represent latitude of the end point.
Example
See the endLocation attribute for usage examples.

selectable :string

Specifies whether or not the link will be selectable.
Supported Values:
Name Type
"auto" string
"off" string
Default Value:
  • "auto"
Example

Initialize the thematic map link with the selectable attribute specified:

<oj-thematic-map-link selectable='off'></oj-thematic-map-link>

short-desc :string

The text that displays in the link's tooltip.
Default Value:
  • ""
Example

Initialize the thematic map link with the short-desc attribute specified:

<oj-thematic-map-link short-desc='[[$current.data.shortDesc]]'></oj-thematic-map-link>

start-location :object

An object used to determine the start point of the link.
Default Value:
  • {}
Example

Initialize the thematic map with the start-location attribute specified:


<oj-thematic-map-link start-location.x='[[$current.data.lat]] start-location.y='[[$current.data.long]]'></oj-thematic-map-link>

<oj-thematic-map-link start-location='[[$current.data.start]]></oj-thematic-map-link>

start-location.id :any

The marker or area id to be used as the start point.
Example
See the startLocation attribute for usage examples.

start-location.location :string

An identifier corresponding to a Feature provided in the mapProvider geo object to be used as the start point.
Example
See the startLocation attribute for usage examples.

start-location.x :number

The x coordinate which can represent latitude of the start point.
Example
See the startLocation attribute for usage examples.

start-location.y :number

The y coordinate which can represent latitude of the start point.
Example
See the startLocation attribute for usage examples.

svg-class-name :string

The CSS style class defining the style of the link.
Default Value:
  • ""
Example

Initialize the thematic map link with the svg-class-name attribute specified:

<oj-thematic-map-link svg-class-name='linkStyle'></oj-thematic-map-link>

svg-style :object

The CSS style object defining the style of the link.
Default Value:
  • {}
Example

Initialize the thematic map link with the svg-style attribute specified:

<oj-thematic-map-link svg-style='{"color": "red"}'></oj-thematic-map-link>

width :number

The link width in pixels.
Default Value:
  • 2
Example

Initialize the thematic map link with the width attribute specified:

<oj-thematic-map-link width='3'></oj-thematic-map-link>