lng: [73.17096, 73.51429]

       },

       mapType: 'google',

       routeType: {

               google: ['walking', 'driving']

       },

       fields: {

               standard: {

                       name: {

                               name: 'name',

                               title: 'Название объекта'

                       },

                       description: {

                               name: 'description',

                               title: 'Описание объекта'

                       },

                       address: {

                               name: 'address',

НЕ нашли? Не то? Что вы ищете?

                               title: 'Адрес'

                       },

                       photo: {

                               name: 'photo',

                               title: 'Фотография'

                       },

                       url: {

                               name: 'url',

                               title: 'Ссылка на карточку объекта'

                       },

                       phone: {

                               name: 'phone',

                               title: 'Телефоны'

                       },

                       link: {

                               name: 'link',

                               title: 'Адрес сайта'

                       },

                       opening: {

                               name: 'opening',

                               title: 'Часы работы'

                       },

                       lat: {

                               name: 'lat',

                               title: 'Широта'

                       },

                       lng: {

                               name: 'lng',

                               title: 'Долгота'

                       }

               }

       },

       cats: {

               s101: {name: 'Медицинские учреждения'},

               s1: {name: 'АЗС', pos: 30, count: 6},

               s2: {name: 'Аптеки', pos: 60, cat: 's101', count: 3},

               s3: {name: 'Аэропорты', pos: 90, count: 1}

       },

       items: {

               s101: {name: 'Медицинские учреждения'},

               s1: {name: 'АЗС', pos: 30, count: 6},

               s2: {name: 'Аптеки', pos: 60, cat: 's101', count: 3},

               s3: {name: 'Аэропорты', pos: 90, count: 1}

       }

});


API модуля

Общие сведения

API представлен методами, которые позволяют управлять загрузкой данных, видом карты, выделением категорий и объектов, а также получать информацию о параметрах инициализации.

Все методы модуля, в которые передаются callback-функции, вызываются после построения DOM (доступна структура документа). В некоторых методах структура самого модуля недоступна. При вызове переданной функции [this] в её теле ссылается на модуль.

В некоторые методы передаётся ссылка на используемую в модуле версию jQuery (подробнее в разделе «Использование модуля»), однако всегда можно получить её не из аргумента, а в качестве свойства модуля $GeoMapp.$.

Вызов методов модуля

На примере метода [ready] показано обращение с API.

Если есть уверенность в порядке подключения скриптов (скрипт модуля указан в коде выше скрипта с кодом вызова), можно обратиться к модулю напрямую.

$GeoMapp. ready(function ($) {

       console. log(this. get('pageType'));

});

Если порядок подключения скриптов неизвестен, или собственный скрипт может быть подключен в коде выше скрипта модуля, то к модулю следует обращаться после окончания формирования DOM.

$(function () {

$GeoMapp. ready(function ($) {

               console. log(this. get('pageType'));

       });

});

Если на сайте не используется jQuery, используется нативный Javascript.

document. addEventListener('DOMContentLoaded', function () {

$GeoMapp. ready(function ($) {

               console. log(this. get('pageType'));

       });

});

Готовность к работе модуля

При обращении к объектам имеет значение — создан этот объект или нет. Для сложносоставных объектов с подключением скриптов и инициализацией само наличие объекта ещё не означает возможность работы с ним.

ready (callback)

Выполнение кода после загрузки скрипта модуля для данного типа устройства и формирования модуля.

Аргументы

Тип

Для чего

В функцию возвращается

callback

Функция

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

Ссылка на версию jQuery, используемую в модуле

При вызове переданной функции структура модуля недоступна, переданные в инициализации данные не обработаны. Все скрипты, указанные в [libs], загружены.

Если нужно расширить модуль своими методами или заменить уже существующие, рекомендуется использовать именно этот метод. Расширение описано в методе [extend].

$GeoMapp. ready(function ($) {

       console. log(this. get('pageType'));

});

complete (callback)

Выполнение кода после полной загрузки всех скриптов модуля (включая основные скрипты карты), обработки данных и загрузки недостающего контента.

Аргументы

Тип

Для чего

В функцию возвращается

callback

Функция

Работа с полностью готовым модулем и обработанными данными

Ссылка на версию jQuery, используемую в модуле

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

При вызове callback-функции структура модуля полностью построена, карта сформирована.

Готовность к работе карты

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

mapReady (callback)

Выполнение кода после загрузки основного скрипта карты.

Аргументы

Тип

Для чего

В функцию возвращается

callback

Функция

Выполнение действий после загрузки скрипта карты

Метод используется, если нужно сформировать другую карту для своих нужд, помимо используемой в модуле.

Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25