Использование слоя активных областей
Пример ниже демонстрирует создание слоя активных областей, на котором с помощью пиктограмм (см. ниже) отмечены города-герои СССР.

Для этого потребуется создать :
- набор прозрачных PNG-тайлов с нанесенными пиктограммами городов-героев;
- набор соответствующих им JavaScript-файлов с описанием городов.
PNG и JavaScript-файлы будут именоваться по принципу tile-x-y-z.png и tile-x-y-z.js и храниться в папке heroes на сервере. Ключи запроса будут иметь вид "heroes-x-y-z"
.
Например, в тайл с номером (19, 11) на 5-ом уровне масштаба попадают Новороссийск, Керчь и Сталинград целиком, а так же часть пиктограммы Севастополя.
PNG-тайл:

JavaScript-файл:
YMaps.Hotspots.Loader.onLoad(
"heroes-19-11-5",
{
"objects":
[
{
"data": { "name":"Сталинград" },
"base": new YMaps.GeoPoint(44.514208,48.708898),
"geometry": [
[-10,-5,10,33]
]
},
{
"data" : { "name": "Севастополь" },
"base": new YMaps.GeoPoint(33.558616,44.585098),
"geometry":[
[-10,-5,10,33]
]
},
{
"data": { "name": "Новороссийск" },
"base": new YMaps.GeoPoint(37.7767,44.720479),
"geometry": [
[-10,-5,10,33]
]
},
{
"data": { "name":"Керчь" },
"base": new YMaps.GeoPoint(36.464342,45.30667),
"geometry": [
[-10,-5,10,33]
]
}
]
}
);
При описании геометрии активной области, точкой отсчета (base) выбраны координаты города. Пиктограмма города смещена на 10 пикселей влево и 5 пикселей вверх относительно положения самого города на карте.
Для того, чтобы добавить подготовленные слои на карту: