Использование собственной карты в компоненте Zh YandexMap

Автор: | 24.03.2014

Продолжаю знакомить Вас с возможностями компонента Zh YandexMap,

который позволяет использовать Яндекс.Карты в CMS Joomla.

С обзором компонента можно познакомиться здесь.

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

В начале нам нужно будет подготовить набор тайлов для нашей карты.

Сделать это можно различными способами.

После этого нам нужно в админке компонента создать новый тип карты.

Захотим в Компоненты — Zh YandexMap — Типы Карт

Нажимаем кнопку Создать.

В открывшуюся форму вводим необходимые данные:

В поле наименование — идентификатор типа карты: mymapnn.

Ширину и высоту тайлов карты в пикселях, стандартное значение 256 на 256.

Самое важное — это фунцкия получения URL тайла.

В поле нам нужно в нести код функции, которая возвращает URL тайла по его номеру и уровню масштабирования.

Пример функции:

function (tile, zoom) {
 return "http://tile.openstreetmap.org/"+zoom+"/"+tile[0]+"/"+tile[1]+".png";
}

Подробнее можно прочитать в документации

Я для примера возьму карту из заметки «Используем программу MapTiler для подготовки тайлов для Google Maps«.

Функция для неё будет иметь вид:

function (tile, zoom) {
return "http://webmap-blog.ru/files/gmap/balmap3/"+zoom + "/" + tile[0] + "/" + (Math.pow(2,zoom)-tile[1]-1) + ".png";
}

Проекцию выбираем — Меркаторовская проекция на сферу (проекция Яндекс.Карт).

Прозрачный слой — Нет

Оверлейный слой — Нет

Опубликовано — Да

Сохраняем новый тип карты.

Теперь мы должны создать новую карту.

Захотим в Компоненты — Zh YandexMap — Карты.

Нажимаем кнопку Создать.

Задаем основные необходимые параметры.

Центр карты — 56.5053420690801, 43.5723586595115.

Масштаб — 11 и 14

Тип карты — Первый из пользовательских типов карт.

Разрешено использование Пользовательских Типов Карт — Да

Список Пользовательских Типов Карт — 3 (id нашего типа карты).

Сохраняем и смотрим, что у нас получилось — http://ymap-joomla.apimaps.ru/index.php/novaya-karta

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *