Візіком – карта Києва, Харкова, Львова, Криму, Донецька, Одеси, Мінську, Гомеля та інших міст України та Білорусії

Visicom XML API 1.0.2

Карта

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

Приклад інтеграції карти:

Вихідний код:

Для встановлення карти на своєму сайті, достатньо створити 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.51127413, lat: 50.45504171};
   map.center(point, 5);
  }
 
 </script>
 
 </body>
</html>

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

Опції карти

При створенні об'єкту VMap можна передати опції, які налаштують зовнішній вигляд.

Наступний приклад забирає лінійку масштабування і задає мінімальні і максимальні масштаби.