ddYMap

Скачать 282 скачивания

Описание

jQuery-библиотека для вывода на странице Яндекс.Карт в простом виде.

Список изменений

  • Добавлен параметр «controls» — массив элементов управления картой.
  • Добавлен параметр «mapOptions» — опции карты, которые будут переданы в конструктор.

Документация

Параметры в метод «$.fn.ddYMap» передаются в виде plain object.

$('#map').ddYMap(params);

После инициализации ссылка на объект карты доступна через «$.fn.data»:

$('#map').data('ddYMap').map;

Описание параметров

Название Описание Допустимые значения Значение по умолчанию
params.placemarks * Массив меток на карте. Если меток несколько, карта будет смасштабирована таким образом, чтобы все они уместились.

Поддерживается и просто пара координат (как параметр «latLng» в версиях 1.2 и ранее).

{array}
params.placemarks[i] * Данные конкретной метки. {plain object}
params.placemarks[i].latLng * Координаты метки (широта и долгота). {array}
params.placemarks[i].content Содержимое балуна. {string: html}
params.defaultZoom Масштаб карты по умолчанию. {integer} 15
params.defaultType Тип карты по умолчанию:
  • 'map' — схема;
  • 'satellite' — спутник;
  • 'hybrid' — гибрид;
  • 'publicMap' — народная карта;
  • 'publicMapHybrid' — народный гибрид.
{'map'; 'satellite'; 'hybrid'; 'publicMap'; 'publicMapHybrid'} 'map'
params.scrollZoom Разрешёно ли изменение масштаба карты колесом мыши? {boolean} false
params.mapCenterOffset Смещение центра карты относительно центра контейнера в пикселях. {array} [0, 0]
params.placemarkOptions Опции метки (см. «options» класса «GeoObject»). {plain object} {}
params.controls Массив элементов управления картой. {array} [{name: 'zoomControl'},{name: 'typeSelector'},{name: 'fullscreenControl'},{name: 'geolocationControl'},{name: 'rulerControl'}]
params.mapOptions Опции карты, которые будут переданы в конструктор {plain object} {suppressMapOpenBlock: true}

Примеры

Упрощённый вызов (одна метка на карте)

$('#map').ddYMap({
	placemarks: [55.177446326764496, 61.29041790962219],
	defaultType: 'hybrid'
});

Несколько меток на карте

$('#map').ddYMap({
	placemarks: [
		{
			latLng: [55.177446326764496, 61.29041790962219],
			content: '<h1>Офис</h1><p>Салавата Юлаева, 17а, 204.</p>'
		},
		{
			latLng: [52.373085, 4.893276],
			content: '<h1>Амстердам</h1><p>Нидерланды, Северная Голландия.</p>'
		}
	]
});