Графика

Visicom Maps API позволяет отрисовывать графические примитивы.

Примеры:

Добавление на карту полилинии и полигона.

Отображение в браузере:

Отрисовка произвольной линии на карте:

// Создаем слой
var layer = new VLayer();
map.add(layer);
var line =
{
    coords: [{
        lng: 30.5214,
        lat: 50.4650
    }, {
        lng: 30.5114,
        lat: 50.4550
    }],
    type: "line",
    style:
    {
        color: "#ff0000",
        lineWidth: 7,
        opacity: 0.4
    }
}
layer.add(line);
    
map.repaint();

Создание объекта VArea JSON-кодом:

// Создаем слой
var layer = new VLayer();
map.add(layer);
// Описываем полигон из 3-х точек
var area =
{
coords: [{lng: 30.5214, lat: 50.4650},
{lng: 30.5114, lat: 50.4550},
{lng: 30.5614, lat: 50.4550}],
type: "area",
style:
{
color: "#ff0000",
lineWidth: 7,
opacity: 0.4
},
childs: []
}
layer.add(area);
map.repaint();

Класс VLine

Ломаная линия. Применяется для отрисовки маршрутов, треков и т.п.

JSON:

{
    coords: [{lng: 30.5214, lat: 50.4650}, {lng: 30.5114, lat: 50.4550}],
    type : "line",
    style:
    {
        color: "#ff0000",
        lineWidth: 7,
        opacity: 0.4
    }
}

• coords - перечень точек в линии.
• style:
  • color - цвет линии.
  • lineWidth - ширина линии.
  • opacity - прозрачность. Задается дробным значением в диапазоне 0..1.

Объектное представление:

Конструкторы

Конструктор
VLine[{lng, lat}]

Методы

Название метода	Возвращаемое значение	Описание
color(<String> color)		Устанавливает цвет линии (Примеры: "#ff00ff", "red", "white").
lineWidth(<int> lineWidth)		Устанавливает ширину линии в пикселях.
opacity(<float> opacity)		Устанавливает степень прозрачности для линии в диапазоне 0..1 (Примеры: 0.7, 1.0, 0.0).
distance()	<int>	Возвращает дистанцию в метрах.

Методы наследуемые от VMapObject

Название метода	Возвращаемое значение	Описание
visible(<Boolean> bool)		Устанавливает флаг видимости объекта.
visible()	<Boolean>	Возвращает значение флага видимости объекта.
coords([{lng, lat}] coords)		Устанавливает координаты объекта.
coords()	[{lng, lat}]	Возвращает координаты объекта.
move(<int> x, <int> y)		Сдвиг объекта на определенное количество пикселях в экранных координатах.
bounds()	<VRect>	Возвращает границы объекта.

Класс VArea

Полигон. Применяется для отображения площадных объектов.

JSON:

{
    coords: [{lng: 30.5214, lat: 50.4650},
        {lng: 30.5114, lat: 50.4550},
        {lng: 30.5614, lat: 50.4550}],
    type: "area",
    style:
    {
        color: "#ff0000",
        opacity: 0.4
    }
}

• coords - массив точек в полигоне.
• style:
  • color - цвет заливки.
  • opacity - прозрачность. Задается дробным значением в диапазоне 0..1.

Объектное представление:

Конструкторы

Конструктор
VArea([{lng, lat}] coords)

Методы

Название метода	Описание
color(<String> color)	Устанавливает цвет полигона (примеры: "#ff00ff", "red", "white").
opacity(<float> opacity)	Возвращает/устанавливает степень прозрачности. Для полигона это значение по-умолчанию равняется 0,35.

Методы наследуемые от VMapObject

Название метода	Возвращаемое значение	Описание
visible(<Boolean> bool)		Устанавливает флаг видимости объекта.
visible()	<Boolean>	Возвращает значение флага видимости объекта.
coords([{lng, lat}] coords)		Устанавливает координаты объекта.
coords()	[{lng, lat}]	Возвращает координаты объекта.
move(<int> x, <int> y)		Сдвиг объекта на определенное количество пикселях в экранных координатах.
bounds()	<VRect>	Возвращает границы объекта.