Добавляем Яндекс карту в код шаблона:

[sourcecode htmlscript=»true»]

<div id="map"></div>

[/sourcecode]

Добавляем скрипты в хеадер:

[sourcecode htmlscript=»true»]api-maps.yandex.ru/2.1/?lang=ru_RU и mapbasics.js[/sourcecode]

 

Всё остальное добавляем в файл mapbasics.js

Создаем карту

[code]var myMap;
ymaps.ready(init);
function init () {
// Создание экземпляра карты и его привязка к контейнеру с заданным id ("map").
myMap = new ymaps.Map(‘map’, {
// При инициализации карты обязательно нужно указать её центр и коэффициент масштабирования.
center: [47.115719, 51.903130], zoom: 12 }, { searchControlProvider: ‘yandex#search’}); }[/code]

 

Остальное добавляем в функцию init

Api яндекс карт определение координат клика и обработчик нажатия кнопки мыши

[code]
myMap.events.add(‘click’, function (e) { alert(e.get(‘coords’)); });

[/code]

Api яндекс карт регионы (мнгоугольники) создание

[code]
var myPolygon = new ymaps.Polygon([
// Указываем координаты вершин многоугольника.
// Координаты вершин внешнего контура.
[
[47.117208, 51.970272],
[47.073527, 51.889076],
[47.145419, 51.929998], ],

], {
// Описываем свойства геообъекта.
// Содержимое балуна.
hintContent: "Надпись при наведении мыши"
}, {
// Задаем опции геообъекта.
// Цвет и прозрачность заливки.
fillColor: ‘#ffffff77’,
// Ширина обводки.
strokeWidth: 0
});
myMap.geoObjects.add(myPolygon); [/code]

Api яндекс карт обработчик нажатия кнопки на регион(многоугольник)

[code] myMap.geoObjects.events.add(‘click’, function (e) { ; });[/code]

 

Просмотр всех свойств многоугольника на котором был клик. Таким способом можно просмотреть и использовать те свойства, о которых нет упоминания даже в официальной документации. object.geometry._bounds — вариант определения объекта нажатия мыши

[code]
var object = e.get(‘target’);
var str = "";
for(k in object.geometry) {
str += k+": "+ object.geometry[k]+"\r\n";
} alert(str); [/code]

Balloon(Балун) — создание, смена текста
[code]if (balloon && balloon.isOpen()) {
balloon.setData(‘Текст’);
} else { var balloon = null;
balloon = myMap.balloon.open(e.get(‘coords’), ‘Текст’);
}[/code]