Новейшее API для встраивания карты на сайт

Теперь вы можете работать с нашей картой на своём сайте как с полноценным javascript приложением. Встроить карту на сайт стало ещё проще, а работать - ещё быстрее и удобнее.

Подключение карты на свой сайт:

<!-- Подключите 4geoAPI.js на вашу страницу в секцию <head> -->

<head>
<script type="text/javascript" src="http://4geo.ru/maps/js/4geoAPI.js" ></script>
</head>

<!-- В секции body создать блок (или несколько блоков), в котором будет находиться карта -->

<body>
<div id="map_frame" style="width:600px; height:600px;"></div>
</body>

<!-- Инициализировать создание карты в любом месте вашей страницы -->

<script type="text/javascript">

<!-- Задать начальные параметры для карты -->

var options = {

town: 'Новокузнецк', street: 'Строителей', building: '24'

};

<!-- Инициализировать карту -->

var map = new geoAPI.maps.Map(document.getElementById('map_frame'), options);
</script>
Вставив этот код к себе на страницу, вы получаете карту, центрированную на г.Новокузнецк, ул. Строителей 24. Подробнее о встраивании карты можете почитать в разделе API

Перелёты по адресам и координатам на карте:

API предоставляет возможность перейти на любой адрес без перезагрузки страницы. Когда вы создадите объект карты (var map = new geoAPI.maps.Map(...)), то сможете воспользоваться следующими методами:

<!-- Перелёт по указанному адресу -->

map.locateAddress({town: 'Новокузнецк', street: 'Строителей', building: '24'});

<!-- Перелёт к зданию -->

map.locateBuilding({street: 'Строителей', building: '24'});

<!-- Перелёт к улице -->

map.locateStreet({street: 'Строителей'});

<!-- Перелёт к городу -->

map.locateTown({town: 'Новокузнецк'});

Подробное описание работы с адресами в geoAPI читайте здесь

Работа с маркерами на карте

Вы можете создавать свои маркеры на карте в любом месте, создавать для них всплывающие окна, удалять их и перемещать.

<!-- Создание маркера по адресу ул. Строителей 24 -->

var marker = new geoAPI.maps.Marker({

street: 'Строителей', building: '24'

});

<!-- Размещение маркера на карте -->

marker.setMap(map);
Полный обзор методов для работы с маркерами и всплывающими окнами читайте здесь

Получение фотографий объектов на карте

С помощью geoAPI вы можете получить фотографии, закреплённые к какому-либо объекту на карте (если фотографии имеются)

<!-- Метод возвращает ссылку на фотографию здания по адресу г.Новокузнецк, ул. Орджоникидзе 35 -->

geoAPI.photos.getPhotoByAddress('Новокузнецк', 'Орджоникидзе', '35');
О параметрах, передаваемых в методы получения фотографий, вы можете прочитать здесь