ddYMap

Скачать21 скачивание

Описание

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

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

  • Внимание! Используется API Яндекс.Карт версии 2.1!
  • Добавлены новые элементы управления на карту: геолокация и полноэкранный режим.
  • Параметр «latLng» переименован в «placemarks» (старое имя пока поддерживается, но не рекомендуется к использованию).
  • Параметр «placemarks» теперь принимает массив меток, а не просто пару координат. У каждой метки можно задать не только позицию, но и всплывающую при клике подсказку (балун). Параметр, как и раньше, может принимать и просто пару координат центра карты.
  • Объект карты (экземпляр ymaps.Map) записывается в data 'ddYMap' контейнеру с картой (к которому применён $.fn.ddYMap).
  • Добавлено событие «ddAfterInit», вызывается у контейнера с картой после инициализации.

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

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

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

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

Название Описание Допустимые значения Значение по умолчанию
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} {}

Примеры

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

$('#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>'
	}]
});