API Yandex карт. Как сделать ленивую загрузку?

Question

[Валентин]

Каталог фирм с адресами, события на карте и т.п.
Функционал нужно реализовать большой.
Добавил Я.Карту - это монстроподобная фигня затормаживает загрузку страниц, что не хорошо.
Нужно реализовать загрузку по требованию.
Не хотелось бы ждать DNS на загрузку их скрипта.
Как это сделать? Скачать скрипт на сервер?
И есть ли удобные обертки или только хардкор? ))

Answer 1

[Сергей Новиков]

По идеи, если вы используете API 2.1, все и так оптимизировано и загружается по требованию. Из документации:

По умолчанию загружаются все компоненты API (load=package.full), однако в целях минимизации объема трафика, передаваемого клиентскому приложению, вы можете указать список конкретных сущностей API, с которыми работает ваше приложение.

Примечание. package.full оптимизирован таким образом, чтобы подгружать функциональность в момент ее фактического использования, поэтому в большинстве случаев нет необходимости настраивать параметр load.

У меня сначала загрузился сам скрипт (~32 кб.), а затем 2 файла (~300 кб.). После инициализации карты подгружаются все остальные файлы. Если у вас есть возможность скрыть карту (поместить в блок с display:none), загрузятся только первые 3 файла, а остальное когда блок станет видим.

Comments

[Валентин]

Загружаю http://api-maps.yandex.ru/2.1/?load=Map〈=ru_RU но почему-то не создается метка ((

ymaps.modules.require("Placemark,Circle", function (Placemark, Circle) {
alert("1");
placemark = new ymaps.Placemark(['.$this->model->coordFi.', '.$this->model->coordLam.'], {
preset: "twirl#carIcon",
balloonContentHeader: "'.$this->model->title.'",
balloonContentBody: "'.$this->model->section->title_one.'",
balloonContentFooter: "'.$this->model->city["title"].
(($this->model->street["title"])?', '.$this->model->street["title"]:'').
(($this->model->home)?', д.'.$this->model->home:'').
(($this->model->building)?', стр.'.$this->model->building:'').
(($this->model->corpus)?', корп.'.$this->model->corpus:'').'",
hintContent: "'.$this->model->section->title_one.' "+"'.$this->model->title.'"
});
// Добавляет метку на карту
map.geoObjects.add(placemark);

[Сергей Новиков]

Уберите ymaps, Placemark передается как параметр функции - placemark = new ymaps.Placemark,

[Валентин]

Сергей Новиков: балуны не отображаются (( метка есть балун не появляется, думал из-за диалога модального - ан нет, без него тоже не появляются.

[Сергей Новиков]

Балун - тоже отдельный модуль (https://tech.yandex.ru/maps/doc/jsapi/2.1/ref/refe...).