API Docs for:
Show:

GWTK.editsvgDrawing Class

Компонент векторной графики редактора карты

Constructor

GWTK.editsvgDrawing

(
  • map
  • id
  • parent
  • svgid
  • eventSets
)

Parameters:

  • map Object

    Объект карты

  • id String

    Идентификатор объекта

  • parent Object

    Родительский элемент для панели svg холста

  • svgid String

    Идентификатор svg холста

  • eventSets Array String

    Список событий, назначаемых svg элементам ["mouseover", "mouseleave", "click", "mousedown", "mouseup"]

Methods

addMarkerTemplate

(
  • options
  • id
)

Добавление шаблонов маркеров в SVG

Parameters:

  • options Object

    Параметры шаблона

  • id String

    Идентификатор точечного объекта

addText

(
  • options
  • id
  • points
)
Element

Создание элементов текстовой надписи для svg-холста

Parameters:

  • options Object

    Параметры надписи

  • id String

    Идентификатор объекта

  • points String

    Строка координат для svg-элемента

Returns:

Element:

Текстовый элемент для svg-холста

appendElement

(
  • el
  • parent
  • before
)
Element

Добавление/вставка элемента на svg холст

Parameters:

  • el Object

    Элемент в dom модели, который нужно добавить

  • parent Object

    Родительский элемент в dom модели, куда нужно добавить el

  • before Object

    Элемент в dom модели, перед которым нужно добавить el

Returns:

Element:

Вставленный элемент

clearDraw

()

Очищает панель рисования и svg-холст

clearEvents

()

Очищает события svg-холста

createCanvas

()

Создание SVG-холста

createSVGcircle

(
  • id
  • parent
  • options
  • fn_events
  • before
)
Element

Создание svg элемента - окружность

Parameters:

  • id String

    Идентификатор создаваемого элемента

  • parent Object

    Родительский элемент в dom модели, в которос будет создана окружность

  • options Object

    Объект атрибутов {"cx": 1, "cy": 1, "r": 4, "style" : style, "bbox":bbox }

  • fn_events Array Object

    Массив объектов для назначения событий [ {"event": "onmouseover", "func": "fn_mouseover"}, {"event": "onmouseout", "func": "fn_mouseout"}, ...]

  • before Object

    Элемент в dom модели, перед которым нужно добавить el

Returns:

Element:

Вставленный элемент

createSVGline

(
  • id
  • parent
  • options
  • fn_events
  • before
)
Element

Создание svg элемента - линия

Parameters:

  • id String

    Идентификатор создаваемого элемента

  • parent Object

    Родительский элемент в dom модели, в которос будет создана окружность

  • options Object

    Объект атрибутов {"x1": 1, "y1": 1, "x2": 2, "y2": 2, "style" : style, "bbox":bbox }

  • fn_events Array Object

    Массив объектов для назначения событий [ {"event": "onmouseover", "func": "fn_mouseover"}, {"event": "onmouseout", "func": "fn_mouseout"}, ...]

  • before Object

    Элемент в dom модели, перед которым нужно добавить el

Returns:

Element:

Вставленный элемент

createSVGrect

(
  • id
  • parent
  • options
  • fn_events
  • before
)
Element

Создание svg элемента - квадрат

Parameters:

  • id String

    Идентификатор создаваемого элемента

  • parent Object

    Родительский элемент в dom модели, в которос будет создана окружность

  • options Object

    Объект атрибутов {"cx": 1, "cy": 1, "r": 4, "style" : style, "bbox":bbox }

  • fn_events Array Object

    Массив объектов для назначения событий [ {"event": "onmouseover", "func": "fn_mouseover"}, {"event": "onmouseout", "func": "fn_mouseout"}, ...]

  • before Object

    Элемент в dom модели, перед которым нужно добавить el

Returns:

Element:

Вставленный элемент

deleteObject

(
  • id
)

Удаление объекта из svg холста по идентификатору

Parameters:

  • id String

    Идентификатор элемента

draw

(
  • geoJSON
  • addSvg
  • params
  • groupid
  • before
)

Рисование на svg-холсте

Parameters:

  • geoJSON Object

    Объекты в формате geoJSON

  • addSvg Boolean

    Если значение true, добавляет объекты к существующим; если false - чистит холст

  • params Object

    Параметры стиля отображения объектов

  • groupid String

    Идентификатор группы элемента svg, в которой отрисовать объект

  • before Object

    Элемент группы svg, перед которым разместить объект

drawObject

(
  • coordinates
  • id
  • name
  • options
  • type
  • xid
  • groupid
  • g
  • before
)
Object

Рисование объекта

Parameters:

  • coordinates Object

    Объект "geometry.coordinates" формата geoJSON

  • id String

    Идентификатор объекта

  • name String

    Наименование объекта

  • options Object

    Параметры отображения объекта

  • type String

    Тип объекта geometry

  • xid String

    Дополнительный идентификатор объекта

  • groupid String

    Идентификатор создаваемой группы для размещения объекта

  • g Object

    Элемент группы svg для размещения объекта

  • before Object

    Элемент группы svg, перед которым разместить объект

Returns:

Object:

Возвращает группy svg элемента, в котрой размещен объект

geo2svg

(
  • coordinates
)
Object

Перевод гещдезических координат в координаты svg холста

Parameters:

  • coordinates Array

    Двухмерный массив координат

Returns:

Object:

Объект {x, y}

getCoords_pixel

(
  • target
)
Array

Получение массива координат элемента 'path' формата svg в координатах экрана
по элементу 'path'

Parameters:

  • target Element

    Элемент 'path' в dom модели (document.getElementById(id))

Returns:

Array:

Результирующий трехмерный массив координат

getCoords_pixel_byId

(
  • id
)
Array

Получение массива координат элемента 'path' формата svg в координатах экрана
по идентификатору элемента 'path'

Parameters:

  • id String

    Идентификатор элемента 'path'

Returns:

Array:

Результирующий трехмерный массив координат

getCoords_pixelByLine

(
  • line
)
Array

Формирование линейного массива координат в координатах экрана из строки svg элемента

Parameters:

  • line String

    Строка двухмерных координат (x y), разделитель ','

Returns:

Array:

Результирующий двухмерный массив координат

init

()

Инициализация

m2feet

(
  • meters
)
Float

Запросить значение длины в футах

Parameters:

  • meters Float

    значение длины в метрах

Returns:

Float:

значение длины в футах, при ошибке возвращает null

m2Nmile

(
  • meters
)
Float

Запросить значение длины в морских милях

Parameters:

  • meters Float

    значение длины в метрах

Returns:

Float:

значение длины в морских милях, при ошибке возвращает null

pointsArray

(
  • coordinates
  • points
  • bbox
  • pixel
)
Array

Формирование линейного массива координат

Parameters:

  • coordinates Array

    Массив координат объекта

  • points Array

    Промежуточный двухмерный массив координат

  • bbox Array

    Массив для расчета габаритов

  • pixel Boolean

    Исходные данные: true - исходные даннные в пикселях, иначе - геодезические координаты

Returns:

Array:

Результирующий двухмерный массив координат

scalingMarkerTemplate

(
  • scaleCurr
)

Изменение масштаба маркера точечного объекта

Parameters:

  • scaleCurr Number

    Текущий масштаб

setEvents

(
  • ids
)

Добавление обработчиков событий

Parameters:

  • ids Array

    Массив идентификаторов элементов для назначения обработчика

updateCoordPart

(
  • target
  • iline
  • ipoint
  • coord
)
Array

Обновление одной координаты элемента 'path' формата svg

Parameters:

  • target Element

    Элемент 'path' в dom модели (document.getElementById(id))

  • iline Int

    Индекс строки элемента 'path' (с 0)

  • ipoint Int

    Индекс координаты(точки) в строке элемента 'path' (с 0)

  • coord Array

    Новое значение - координата точки [x,y]

Returns:

Array:

Результирующий трехмерный массив координат

updatePart

(
  • target
  • coords
  • ipoint
  • coord
  • geo
)

Обновление элемента 'path' формата svg

Parameters:

  • target Element

    Элемент 'path' в dom модели (document.getElementById(id))

  • coords Array

    Координаты для элемента 'path'

  • ipoint Int

    Индекс координаты(точки) в строке элемента 'path' (с 0)

  • coord Array

    Новое значение - координата точки [x,y]

  • geo Boolean

    Признак того, что в coords геодезические координаты

Events

onSvgEvent

События панели svg холста