Клуб API Карт

Ошибка при загрузке карты API 2.1 + не отображается balloonContent

sportvokrug
13 декабря 2016, 15:55

Дорогие коллеги, 

помогите, пожалуйста, разобраться с такими тремя ошибками.

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

Первый вопрос - при испонении этого кода (код внизу) не отображается balloonContent , при наведении на метку мышка остается с указателем default, метка "не нажимается", никакой реакции на нажатие. Бабл не появляется. 

И второй вопрос - если я добавляю опцию draggable: true - на нее метка так же не реагирует. При попытке перетащить метку, перетащить получается только саму карту. 

И третий вопрос: есть два сервера, на которых лежат абсолютно идентичные сайты. Весь код проекта (должен быть) идентичен.

Первые два вопроса воспроизводятся на обоих серверах.

Однако на одном из них не возникает ошибки в консоли при загрузке карты, а на другом возникает. 

Ссылка на проект с ошибкой: http://rita.sosportom.ru/competitions/1930/map/

Ссылка на проект без ошибки: http://www.sportvokrug.ru/competitions/1930/map/

Ошибка в консоли: 

Uncaught TypeError: e.get(...).split is not a function(…)

combine.js?load=2c2p0e9Y0l;_1$,G90171!1*,F,E1:93,H1@1j951J1Z50$)1_555$0b0f9*2f9-9_9)9:9;2m9.2h9(0x0…:290

Вот код, который делает это:

Подключаем API:

<script type="text/javascript" src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>

Теперь сам скрипт: 

	function makeMap(){
		ymaps.ready(function () {
			var
				mapElement = $('#map_canvas'),
				mapData = mapElement.find('.map_data'),
				item = mapData.find('li'),
				mapType = 'yandex#map';

			if(mapElement.length === 0) return;

			switch(item.find('.map_type').text()){
				case '0': mapType = 'yandex#map'; break;
				case '1': mapType = 'yandex#satellite'; break;
				case '2': mapType = 'yandex#hybrid'; break;
			}

			var defaultZoom = item.find('.zoom').text() ? item.find('.zoom').text() : 15;
			var latitude = $.trim(item.find('.latitude').text());
			var longitude = $.trim(item.find('.longitude').text());
			var balloonContent = item.find('.balloon_content').html();

			var map = new ymaps.Map(mapElement[0],{
				center: [latitude, longitude],
				zoom: defaultZoom,
				type: mapType,
				behaviors: ["default", "ruler"]
			});
			var placemark = new ymaps.Placemark(
				[latitude, longitude], 
				{
					balloonContent: balloonContent
				}, {
//						preset: 'islands#darkBlueIcon',
					iconLayout: 'default#image',
					iconImageHref: '/f/1/global/map_mark.png',
					iconImageSize: [37, 42],
					iconImageOffset: [-10, -42],
					draggable: false,
					hideIconOnBalloonOpen: false
				}
			);
			map.geoObjects.add(placemark);
		});
	}

Я заранее благодарю всех, кто откликнется и поможет -))) 

4 комментария
Подписаться на комментарии к посту
У вас включено поведение "Линейка" (behaviors: ["ruler"]), поэтому не появляется балун и метка не перетаскивается.
luisadykova,
благодарю! Вы решили две мои проблемы из трех!! Заработало. 
sportvokrug,
Проблема с ошибкой на одном из проектов не воспроизвелась.
luisadykova,
 Спасибо, что Вы попробовали. Сейчас я конкретизировала проблему еще чуть-чуть. Дело было не в том, что проекты разные, а в том, что я их просматриваю в разных браузерах. Итак, ошибка воспроизводится одинаково для обоих проектов, ошибок нет в опере, в лисе и в Egge, но  указанные ошибки падают в консоль в хроме. Речь идет о ссылке http://www.sportvokrug.ru/competitions/1930/map/