<MyRusakov.ru />

JavaScript, jQuery и Ajax с Нуля до Гуру

JavaScript, jQuery и Ajax с Нуля до Гуру

Видеокурс "JavaScript, jQuery и Ajax с Нуля до Гуру" научит Вас "вдыхать жизнь" в страницы, делая их с потрясающими эффектами и максимальным удобством для пользователя.

Курс научит Вас писать скрипты на JavaScript, а также обучит использованию библиотеки jQuery и технологии Ajax.

Практически любой красивый сайт (с красивыми галереями изображений, слайдерами, плавными переходами и так далее) использует jQuery. А практически на любом серьёзном сайте вовсю используется технология Ajax, которая делает работу с сайтом максимальной удобной.

Поэтому курс "JavaScript, jQuery и Ajax с Нуля до Гуру" Вам просто необходим, если Вы хотите создавать по-настоящему достойные сайты.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Подключение Яндекс.Карт к сайту

Подключение Яндекс.Карт к сайту

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

Сразу дам ссылку на API: http://api.yandex.ru/maps/. Если есть навыки обращения с API, то проблем с пониманием там не возникнет. Так же в своём курсе Создание Интернет-магазина на PHP и MySQL я так же использовал этот API для вывода карты.

В этой статье мы разберём наипростейший пример вывода Яндекс.Карт. Для начала напишем соответствующий HTML-код:

<div id="map" style="width: 400px; height: 300px"></div>

Комментировать тут особо нечего, всё очень просто: обычный блок с уникальным идентификатором, который нам потребуется позже, а так же с заданными параметрами ширины и высоты.

Теперь код JavaScript:

<script src="http://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>
<script type="text/javascript">
  var myMap;
  ymaps.ready(init); // Ожидание загрузки API с сервера Яндекса
  function init () {
    myMap = new ymaps.Map("map", {
      center: [55.76, 37.64], // Координаты центра карты
      zoom: 10 // Zoom
    });
  }
</script>

Теперь при открытии страницы появится карта. Возможностей у Яндекс.Карт очень много: можно ставить маркеры, рисовать маршруты, выводить различную информацию (например, те же пробки) и многое другое. Как всё это подключается, написано в API.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (2):

rysich rysich 29.01.2014 18:56:01

Во многих случаях вовсе не обязательно обращаться к API вручную, потому что там же есть конструктор карт. http://api.yandex.ru/maps/tools/constructor/

Ответить

vladdd vladdd 15.10.2014 08:32:58

Можно ли сделать, чтобы посетители сайта могли на карте яндекс оставлять свои метки(заносятся в БД) с дружественным итерфейсом, а не вводить какие то цифры,,, Можно ли найти, например, 5 ближайших меток, относительно твоего местоположения.. тема достаточно интересная. Михаил, не могли бы Вы подобный пример показать?

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.