Визиком Карты - подробная карта Киева, Донецка, Львова, Харькова, Одессы, Минска, Гомеля и других городов Украины и Белоруссии

This version of the page http://maps.visicom.ua/api-docs/vmapi/ (0.0.0.0) stored by archive.org.ua. It represents a snapshot of the page as of 2011-03-07. The original page over time could change.

Українська
Русский
English

visicom.ua | радиопланирование | наборы геоданных и гис-решения | gps-навигация | карты для полиграфии

Visicom Maps API 2.0.0
- Пошаговая установка
- Карта
- Маркеры
- Графика
- События
- Справочник API
- Пользовательские тайлы
Сервисы
- Справочник API
- Маршруты
- Адрес
- Поисковая форма
Переход с версии 1.0.0.

Visicom XML API 1.0.2
- getDatabases
- getMapDBVersion
- getLayers
- getMBR
- getNearest
- getPointer
- IdentifyObject
- getAddress
- getMapData
- getPOI
- getRoute
- getObjectGeometry
- getSystemIcons

Основы

Компания "Визиком" предоставляет удобный механизм для интеграции online карты в web-страницу. Данное руководство описывает все возможности Visicom Maps API. С помощью этого механизма вы сможете разместить на карте Ваши точечные объекты, отметить площадной объект, проложить кратчайший маршрут.

На данной странице показан пример простейшей интеграции карты в веб-страницу.

Пример интеграции карты:

Карта Киева

Исходный код:

Для установки карты на своем сайте, достаточно создать HTML файл со следующим содержанием.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <title>Карта Украины - Visicom Maps API 2.0.0</title>
  <meta http-equiv="imagetoolbar" content="no" />
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 </head>
 

 <body>
  <script type="text/javascript" src="http://maps.visicom.ua/api/2.0.0/map/world_ru.js"></script>
  <div id="viewport" style="width: 740px; height: 580px;">
   <a id="visicom_copyright_link" href="http://maps.visicom.ua/">карта крыма</a>
  </div>
 

 <script type="text/javascript">
 
  var map;
  function createVisicomMap() {
   map = new VMap(document.getElementById('viewport'));
   var point = {lng: 30.5112, lat: 50.4550};
   map.center(point, 5);
  }
 
 </script>
 
 </body>
</html>

Инициализацию карты необходимо выполнить в функции createVisicomMap().
Строка var map = new VMap(document.getElementById('viewport')); создает объект карту.
В качестве обязательного параметра передается ссылка на HTML элемент на странице, в котором карта будет отображаться.

Класс VMap

VMap является основным классом "движка" интернет-карты.

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

Конструктор

VMap(<HTMLElement> viewport)

Методы

Название метода Возвращаемое значение Описание

сenter() <{lng, lat}> Возвращает координаты текущего центра карты.

сenter(<{lng, lat}>coords) Устанавливает координаты текущего центра карты.

сenter(<{lng, lat}>coords, <int> zoom) Устанавливает координаты текущего центра карты и уровень масштаба.

сenter(<VRect> rect) Устанавливает координаты текущего центра карты и уровень масштаба наиболее оптимальные для заданной области.

zoom() <int> Возвращает текущий уровень масштаба.

zoom(<int> index) Устанавливает текущий уровень масштаба (0..18).

repaint() Перерисовка карты.

add(<VMapObject> object) Добавляет дочерний объект.

remove(<VMapObject> object) Удаляет дочерний объект.

language() <String> Возвращает текущий язык карты (поддерживаемые языки: "ru", "ua", "en").

language(<String>lang) Устанавливает текущий язык карты (поддерживаемые языки: "ru", "ua", "en").

clientRect() <VRect> Возвращает координаты текущую видимую область пользователем.

События

Событие Возвращаемое значение Описание

mouseclick(<function> callback) {lng, lat} coords Клик мышью.

mousedown(<function> callback) {lng, lat} coords Нажатие клавиши мыши.

mouseup(<function> callback) {lng, lat} coords Отпускание клавиши мыши.

mousedblclick(<function> callback) {lng, lat} coords Двойной клик мышью.

Событие Описание

startdrag(<function> callback) Старт перетаскивания.

dragging(<function> callback) Перетаскивание.

enddrag(<function> callback) окончание перетаскивания.

Событие Описание

beforezoomchange(<function> callback) Событие происходит до смены масштаба. В случае, если функция callback возвращает false переключение масштаба блокируется.

onzoomchange(<function> callback) Событие происходит после смены масштаба.