Дошла очередь и до яндекс карт. Снова начнем с самого простого - подключить карту к своему сайту.
Для начала нужно загрузить скрипт самой карты. Установите этот код в любое место:
Изменяя размеры и расположение контейнера - будет изменяться вся карта.
Теперь функция загрузки карты:
center - координата, которая будет использована в качестве центра карты после ее загрузки (56 - широта, 37 - долгота).
zoom - зум над этой координатой (1 - максимальное отдаление, больше значение - сильнее увеличение. Максимальное значение зависит от точки (в городе может быть более 20, в лесу около 15).
type - тип карты по-умолчанию (map, satellite, hybrid, publicMap, publicMapHybrid).
И все готово. Карта будет выведена на вашем сайте.
В следующей статье вы сможете прочитать о настройках интерфейса карты и добавлении своих элементов в интерфейс.
Для начала нужно загрузить скрипт самой карты. Установите этот код в любое место:
Контейнер, куда будет остановлена карта:
Изменяя размеры и расположение контейнера - будет изменяться вся карта.
Теперь функция загрузки карты:
var map; ymaps.ready(function () { map = new ymaps.Map("map-canvas", { center: [56, 37], zoom: 8, type: "yandex#map" }); });
center - координата, которая будет использована в качестве центра карты после ее загрузки (56 - широта, 37 - долгота).
zoom - зум над этой координатой (1 - максимальное отдаление, больше значение - сильнее увеличение. Максимальное значение зависит от точки (в городе может быть более 20, в лесу около 15).
type - тип карты по-умолчанию (map, satellite, hybrid, publicMap, publicMapHybrid).
И все готово. Карта будет выведена на вашем сайте.
В следующей статье вы сможете прочитать о настройках интерфейса карты и добавлении своих элементов в интерфейс.
Комментариев нет:
Отправить комментарий