Стандартные метка и балун

Для начала давайте определимся - что такое метка и что такое балун?

Метка - это маленькая (или не совсем маленькая) картинка, которая находится на карте и ее хвостик указывает на точку с заданными координатами.

Балун - это всплывающее окошко, с каким-либо содержимым, которое появляется при клике по метке.

Теперь зная, что такое метка и балун, давайте поставим их на карту.

Первое, с чего начнем - это блок, в котором будет находитья карта и скрипт с ключем. Дальше надо написать небольшой скрипт для соединения карты с блоком.

Код HTML
<script type="text/javascript">
// Создание обработчика для события window.onLoad
YMaps.jQuery(function () {
// Создание экземпляра карты и его привязка к созданному контейнеру
var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);

map.setCenter(new YMaps.GeoPoint(37.64, 55.76), 10); // Установка центра карты и масштаба

map.setType(YMaps.MapType.SATELLITE); // Установка типа карт (схема - MAP, спутник - SATELLITE, гибрид - HYBRID)

var placemark = new YMaps.Placemark(new YMaps.GeoPoint(37.64, 55.76)); // Создание стандартной метки по координатам точки

// Установка содержимого стандартного балуна
placemark.name = "Москва";
placemark.description = "Столица Российской Федерации";
// Добавляет метку на карту
map.addOverlay(placemark);
});
</script>


Пример использования



Источник
Вверх