Visicom Maps - detailed map of Kiev, Donetsk, Lvov, Kharkov, Odessa, Minsk, Gomel' and other cities of Ukraine and Belarussia

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

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

visicom.ua | rf-planning | sets of geodata and gis solutions | gps-navigation | maps for polygraphy

Visicom Maps API
- Map
- Markers
- Graphics
- Events
- API reference
- Users tiles
Services
- API reference
- Routes
- Address
- Search form
Migrating from 1.0.0. version

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

Basics

Visicom provides a convenient mechanism for the integration of online maps in web-page. This guide describes all the possibilities of the Visicom Maps API. Through this mechanism, you can place on the map your objects, mark the area objects, paving the shortest route.

This page shows an example of a simple integration of maps into a web page.

Example:

Map of the Kiev

Source code:

To show the map on your site, just create a HTML file with the following content.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <title>Maps of Ukraine - 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/">map of the Kiev</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>

Initialize must perform the function createVisicomMap().
String var map = new VMap (document.getElementById('viewport')); creates an object map.
As a mandatory parameter passed a reference to HTML element on the page, in which the map will be displayed.

Class VMap

VMap is the main class of map's engine.

Constructors

Constructor

VMap(<HTMLElement> viewport)

Methods

Method Return Description

сenter() <{lng, lat}> Returns the coordinates of the center of the map.

сenter(<{lng, lat}>coords) Set the coordinates of the center.

сenter(<{lng, lat}>coords, <int> zoom) Set the coordinates of the center and zoom level.

сenter(<VRect> rect) Sets the coordinates of the current map center and zoom level most appropriate for a given area.

zoom() <int> Returns zoom level of the map.

zoom(<int> index) Sets the current zoom level (0..18).

repaint() Repaint of the map.

add(<VMapObject> object) Adds a child object.

remove(<VMapObject> object) Removes a child object.

language() <String> Returns current language (supported languages: "ru", "ua", "en").

language(<String>lang) Set current map language (supported languages: "ru", "ua", "en").

clientRect() <VRect> Returns the coordinates of the current user-visible region.

Events

Event Return Description

mouseclick(<function> callback) {lng, lat} coords Event fired when the user clicks the mouse.

mousedown(<function> callback) {lng, lat} coords Event fired when the user push the mouse button.

mouseup(<function> callback) {lng, lat} coords Event fired when the user user releases the mouse button.

mousedblclick(<function> callback) {lng, lat} coords Event fired when the user double clicks the mouse.

Event Description

startdrag(<function> callback) Start dragging.

dragging(<function> callback) Dragging.

enddrag(<function> callback) The end of the drag

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

beforezoomchange(<function> callback) Event fires before switching zoom level. If the callback function returns false switching scale blocked.

onzoomchange(<function> callback) Events fired afters switching zoom level.