Форум Сайтостроение Веб-строительство

Как облегчить карту яндекс

V
На сайте с 21.06.2007
Offline
124
Vitiai
2714

Всем здравствуйте! Надеюсь на вашу помощь, с веб-программированием не дружу.

Делаю сейчас сайт, заказчик потребовал карту с большим количеством разных своих меток, сайт делаю на джумле. Сама карта на главной стр. сайта. Решил использовать карты яндекс. Модуль яндекс карт работал некорректно. Единственным вариантом в конечном итоге стало решение сделать код вручную. пахал всю ночь, ибо городов много.

Но возникла теперь другая проблема, загрузка карты - очень медленная, у тех у кого интернет слабый вообще грузится вечность, как решить данную проблему?

Могу скинуть часть кода.

Данный код находится в модуле джумлы: 

{source}

    <script src="http://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU"

            type="text/javascript"></script>

<script type="text/javascript" src="/carta/goroda.php"></script>

<body>

    <div id="map" style="width:100%; height:450px"></div>

</body>



{/source}

Данный код находится в файле goroda.php в корне сайта, скину часть кода ибо 2800 строк: 

// Как только будет загружен API и готов DOM, выполняем инициализацию

        ymaps.ready(init);



        function init () {

            var myMap = new ymaps.Map('map', {

                    center: [53.2220,34.7337],

                    zoom: 5,

                  behaviors:['default', 'scrollZoom']

                });



            // Для добавления элемента управления на карту

            // используется поле controls, ссылающееся на

            // коллекцию элементов управления картой.

            // Добавление элемента в коллекцию производится

            // с помощью метода add().



            // В метод add можно передать строковый идентификатор

            // элемента управления и его параметры.

            myMap.controls

                // Кнопка изменения масштаба

                .add('zoomControl')

                // Кнопка изменения масштаба - компактный вариант

                // Расположим её справа

                .add('smallZoomControl', { right: 5, top: 75

        }),   

	





// Города герои.

// Создаем метку с помощью вспомогательного класса.

        myPlacemark1 = new ymaps.Placemark([55.755773, 37.617761], {

            // Свойства.

            // Содержимое иконки, балуна и хинта.

            balloonContent: 'трампапампапаывадоываовыаи и <a href="http://memorialcards.ru/" target="_blank" > ссылка на коллекцию</a>',

            hintContent: 'Москва (Город-Герой)'

        }, {

            // Опции.

            // Своё изображение иконки метки.

            iconImageHref: '/images/minizolzvezda.png',

// Размеры метки.

            iconImageSize: [42, 44],

            // Смещение левого верхнего угла иконки относительно

            // её "ножки" (точки привязки).

            iconImageOffset: [-29, -29]

        }),

// Создаем метку с помощью вспомогательного класса.

        myPlacemark2 = new ymaps.Placemark([59.9388,30.3143], {

            // Свойства.

            // Содержимое иконки, балуна и хинта.

            balloonContent: 'Балун',

            hintContent: 'Санкт-Петербург (Город-Герой)'

        }, {

            // Опции.

            // Своё изображение иконки метки.

            iconImageHref: '/images/minizolzvezda.png',

// Размеры метки.

            iconImageSize: [42, 44],

            // Смещение левого верхнего угла иконки относительно

            // её "ножки" (точки привязки).

            iconImageOffset: [-29, -29]

        }),

// Создаем метку с помощью вспомогательного класса.

        myPlacemark3 = new ymaps.Placemark([46.4695,30.7398], {

            // Свойства.

            // Содержимое иконки, балуна и хинта.

            balloonContent: 'Балун',

            hintContent: 'Одесса (Город-Герой)'

        }, {

            // Опции.

            // Своё изображение иконки метки.

            iconImageHref: '/images/minizolzvezda.png',

// Размеры метки.

            iconImageSize: [42, 44],

            // Смещение левого верхнего угла иконки относительно

            // её "ножки" (точки привязки).

            iconImageOffset: [-29, -29]

        }),
и т.д.

Затем: 

// Добавляем все метки на карту.

myMap.geoObjects

.add(myPlacemark1)

.add(myPlacemark2)

.add(myPlacemark3)

.add(myPlacemark4)

.add(myPlacemark5)

.add(myPlacemark6)

.add(myPlacemark7)

.add(myPlacemark8)

.add(myPlacemark9)

.add(myPlacemark10)

.add(myPlacemark11)

.add(myPlacemark12)

.add(myPlacemark13)

.add(myPlacemark14)

.add(myPlacemark15)

.add(myPlacemark16)

.add(myPlacemark17)

.add(myPlacemark18)

.add(myPlacemark19)

.add(myPlacemark20)

.add(myPlacemark21)

.add(myPlacemark22)

.add(myPlacemark23)

.add(myPlacemark24)

.add(myPlacemark25)

;

}
и т.д.
Компания по устройству буронабивных свай (https://drilling-msk.ru/)
L
На сайте с 07.12.2007
Offline
351
Ladycharm
#1

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

Если долго рисуются объекты на карте - использовать коллекцию гео-объектов(их есть 2), или, в тяжёлых случаях - кластеризацию.

А вообще, если с WEB-программированием не дружите - либо подружитесь, либо займитесь чем-либо другим.

Drupal: вывод 1000 элементов Польза фотографий на Яндекс Порекомендуйте скрипт модуля карты

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий