Установка Яндекс.Карт на свой сайт API средствами + добавляем на Яндекс.Карту маркеры с балунами.
Если у вас есть сайт и вы хотите разместить на нем карту, то можно воспользоваться Яндекс.Картами и получить на выходе не статическую карту со своими элементами управления, точками и описаниями.
Сегодня на конкретном примере, который я недавно реализовал при помощи Яндекс.Карт я хотел бы поделиться с вами технологией установки карты средствами JavaScript API, а также навыки работы с геокодером.
Прежде всего представляю вашему вниманию HTML код страницы с размещенной на ней картой:
// Прежде всего подключаем скрипт Карты, в котором после key= вписываем полученный API-ключ: http://api.yandex.ru/maps/form.xml
// После этого переходим к построению карты:
// Добавляем в боди форму для поиска:
Более подробно читайте на сайте API Яндекс.Карт.
Содержание XML файла с точками:
// Начинаем XML файл:
// Создаем стиль для отображения маркера:
// Вводим данные и стиль точки:
В результате мы получаем полноценную карту с маркерами, которые имеют собственный стиль и информация о которых хранится в отдельном файле, наверное такое решение будет универсальным практически для любого сайта. При установке кода удалите комментарии, потому что они расставлялись уже непосредственно в статье и могут повлиять на корректность работы кода.
ссылки по теме:
- полезный сайт по вебокартографии - http://webmap-blog.ru/.
- Координаты можно брать здесь: http://api.yandex.ru/maps/tools/getlonglat/
- Конструктор схем проезда: http://api.yandex.ru/maps/tools/constructor/
- Документация по API: http://api.yandex.ru/maps/tools/getlonglat/
- Стандартные стили и иконки API: http://api.yandex.ru/maps/jsapi/doc/ref/reference/styles.xml
- Клуб ЯндексКарт: http://clubs.ya.ru/mapsapi/
- Реализация карты маршрутов транспорта: http://ivanovo.otkudaikuda.ru/
- Интернет проекты с картами: http://clubs.ya.ru/mapsapi/posts.xml?tag=10614062
- Список API Key: http://api.yandex.ru/maps/keyslist.xml
- Конвертация KML треков в YAMapsML: http://www.otrip.ru/kml2yamapsml/index.php
- Создание схемы проезда: http://www.adlabs.ru/posts/275/
- Проблемы при использования Яндекс Карт и их решение: http://clubs.ya.ru/mapsapi/replies.xml?item_no=10235
- Примеры использования Яндекс.Карты API: http://api.yandex.ru/maps/jsapi/examples
0 коммент.:
Отправить комментарий