[API](/solutions/geotoolkit/geotoolkit_js/apis/readme) / [geotoolkit](/solutions/geotoolkit/geotoolkit_js/apis/modules/geotoolkit) / [flowcharts](/solutions/geotoolkit/geotoolkit_js/apis/modules/geotoolkit.flowcharts) / [shapes](/solutions/geotoolkit/geotoolkit_js/apis/modules/geotoolkit.flowcharts#shapes) / [connectors](/solutions/geotoolkit/geotoolkit_js/apis/modules/geotoolkit.flowcharts#connectors) / [LinkConnection](/solutions/geotoolkit/geotoolkit_js/apis/modules/geotoolkit.flowcharts#linkconnection) / LinkConnection

# Class: LinkConnection

[connectors](/solutions/geotoolkit/geotoolkit_js/apis/modules/geotoolkit.flowcharts#connectors).[LinkConnection](/solutions/geotoolkit/geotoolkit_js/apis/modules/geotoolkit.flowcharts#linkconnection).LinkConnection

Stores information about connection between a visual and a link ("arrow").
That said, modelPoint defines a point for the link in visual's bounds (which does takes
Local Transformation into account). LinkSide defines the side of a link: Begin or End.
linkVisual defines a link that is connected to a visual.

## Table of contents

Constructors
- [new LinkConnection(visual, modelPoint, linkSide, linkVisual)](/solutions/geotoolkit/GeoToolkit_JS/apis/classes/geotoolkit.flowcharts.shapes-5.connectors.linkconnection.linkconnection.md#new linkconnection(visual, modelpoint, linkside, linkvisual))


Methods
| [getClassName](/solutions/geotoolkit/geotoolkit_js/apis/classes/geotoolkit.flowcharts.shapes-5.connectors.linkconnection.linkconnection#getclassname) | [getLinkSide](/solutions/geotoolkit/geotoolkit_js/apis/classes/geotoolkit.flowcharts.shapes-5.connectors.linkconnection.linkconnection#getlinkside) | [getLinkVisual](/solutions/geotoolkit/geotoolkit_js/apis/classes/geotoolkit.flowcharts.shapes-5.connectors.linkconnection.linkconnection#getlinkvisual) |
|  --- | --- | --- |
| [getModelPoint](/solutions/geotoolkit/geotoolkit_js/apis/classes/geotoolkit.flowcharts.shapes-5.connectors.linkconnection.linkconnection#getmodelpoint) | [getProperty](/solutions/geotoolkit/geotoolkit_js/apis/classes/geotoolkit.flowcharts.shapes-5.connectors.linkconnection.linkconnection#getproperty) | [getRelatedVisualId](/solutions/geotoolkit/geotoolkit_js/apis/classes/geotoolkit.flowcharts.shapes-5.connectors.linkconnection.linkconnection#getrelatedvisualid) |
| [getVisual](/solutions/geotoolkit/geotoolkit_js/apis/classes/geotoolkit.flowcharts.shapes-5.connectors.linkconnection.linkconnection#getvisual) | [setProperty](/solutions/geotoolkit/geotoolkit_js/apis/classes/geotoolkit.flowcharts.shapes-5.connectors.linkconnection.linkconnection#setproperty) | [getClassName](/solutions/geotoolkit/geotoolkit_js/apis/classes/geotoolkit.flowcharts.shapes-5.connectors.linkconnection.linkconnection#getclassname-1) |


## Contents

Constructors
#### new LinkConnection(visual, modelPoint, linkSide, linkVisual)

• **new LinkConnection**(`visual`, `modelPoint`, `linkSide`, `linkVisual`)

Creates connection

**`Throws`**

if visual does not inherit [Node](/solutions/geotoolkit/geotoolkit_js/apis/classes/geotoolkit.scene.node.node)

#### Parameters

| Name  | Type  | Description  |
|  --- | --- | --- |
| `visual` | [`Component`](/solutions/geotoolkit/geotoolkit_js/apis/modules/geotoolkit.flowcharts#icomponent#component) | a visual that is related to the link |
| `modelPoint` | [`Point`](/solutions/geotoolkit/geotoolkit_js/apis/classes/geotoolkit.util.point.point) | an anchor point in visual's coordinate system. |
| `linkSide` | [`LinkSide`](/solutions/geotoolkit/geotoolkit_js/apis/modules/geotoolkit.flowcharts#linkside) | side of the link (begin=0 or end=1) |
| `linkVisual` | [`ILink`](/solutions/geotoolkit/geotoolkit_js/apis/classes/geotoolkit.flowcharts.shapes-5.connectors.ilink.ilink) | a link visual instance |


Methods
#### getClassName

▸ **getClassName**(): `string`

#### Returns

`string`

#### getLinkSide

▸ **getLinkSide**(): [`LinkSide`](/solutions/geotoolkit/geotoolkit_js/apis/modules/geotoolkit.flowcharts#linkside)

Gets link side that defines link orientation (flow)

#### Returns

[`LinkSide`](/solutions/geotoolkit/geotoolkit_js/apis/modules/geotoolkit.flowcharts#linkside)

#### getLinkVisual

▸ **getLinkVisual**(): [`ILink`](/solutions/geotoolkit/geotoolkit_js/apis/classes/geotoolkit.flowcharts.shapes-5.connectors.ilink.ilink)

return link visual

#### Returns

[`ILink`](/solutions/geotoolkit/geotoolkit_js/apis/classes/geotoolkit.flowcharts.shapes-5.connectors.ilink.ilink)

#### getModelPoint

▸ **getModelPoint**(): [`Point`](/solutions/geotoolkit/geotoolkit_js/apis/classes/geotoolkit.util.point.point)

Gets model point (in visual space)

#### Returns

[`Point`](/solutions/geotoolkit/geotoolkit_js/apis/classes/geotoolkit.util.point.point)

#### getProperty

▸ **getProperty**(`name`): `string` | `number`

#### Parameters

| Name  | Type  |
|  --- | --- |
| `name` | `"relatedVisualId"` |


#### Returns

`string` | `number`

▸ **getProperty**(`name`): [`Component`](/solutions/geotoolkit/geotoolkit_js/apis/modules/geotoolkit.flowcharts#icomponent#component)

#### Parameters

| Name  | Type  |
|  --- | --- |
| `name` | `"visuals"` |


#### Returns

[`Component`](/solutions/geotoolkit/geotoolkit_js/apis/modules/geotoolkit.flowcharts#icomponent#component)

#### getRelatedVisualId

▸ **getRelatedVisualId**(): `string` | `number`

gets a visual ID related to this connection

#### Returns

`string` | `number`

a visual ID

#### getVisual

▸ **getVisual**(): [`Component`](/solutions/geotoolkit/geotoolkit_js/apis/modules/geotoolkit.flowcharts#icomponent#component)

Gets associated visual

#### Returns

[`Component`](/solutions/geotoolkit/geotoolkit_js/apis/modules/geotoolkit.flowcharts#icomponent#component)

#### setProperty

▸ **setProperty**(`name`, `component`): [`LinkConnection`](/solutions/geotoolkit/geotoolkit_js/apis/classes/geotoolkit.flowcharts.shapes-5.connectors.linkconnection.linkconnection)

#### Parameters

| Name  | Type  |
|  --- | --- |
| `name` | `"visuals"` |
| `component` | [`Component`](/solutions/geotoolkit/geotoolkit_js/apis/modules/geotoolkit.flowcharts#icomponent#component) |


#### Returns

[`LinkConnection`](/solutions/geotoolkit/geotoolkit_js/apis/classes/geotoolkit.flowcharts.shapes-5.connectors.linkconnection.linkconnection)

#### getClassName

▸ `Static` **getClassName**(): `string`

#### Returns

`string`