Как добавить на сайт карту от Яндекс.Карты30.09.2010 15:42

 

Краткая пошаговая инструкция с картинками, как быстро добавить на сайт карту от Яндекс.Карты.

1. У Яндекса есть "Конструктор схем проезда", который находится по ссылке http://api.yandex.ru/maps/tools/constructor/ . Нужно набрать ваш адрес. Я живу в Украине, поэтому набираю Киев Крещатик 25, это центр города.

Конечно же, изменения на карте будет видно, если нажать на кнопку "Найти".

2. Нужно позиционировать карту так, как вы хотите, выбрать масштаб, а также поставить точки и проложить маршруты. Надеюсь, этот этап будет достаточно простым. У кого совсем мало времени, подскажу: слева вверху расположены иконки. 3-я для проставления точки (можно сделать надпись и выбрать цвет точки), и 4-я иконка- нарисовать маршрут. Для окончания маршрута нужно нажать на квадратике, появится выпадающее меню, там можно выбрать пункт "Завершить" либо "Удалить".

Когда карта у вас готова, можно переходить к следующему пункту верхнего меню - "Просмотр". Там все понятно, за исключением опции "для блога". Оставим это для более любознательных вебмастеров.

 

3. Последний шаг- "Код для вставки". Здесь тоже обычно трудностей не возникает. На каком сайте будет код вы наверняка знаете, как и можете прочитать соглашение. Люди грамотные обычно читают соглашения, я же хочу привести выдержку об ограничениях.

2.3.6. ОГРАНИЧЕНИЯ. Используя Сервис, Пользователь не имеет права:
2.3.6.1. Изменять, декомпилировать и/или каким либо образом модифицировать программный код, полученный посредством Сервиса.
2.3.6.2. Удалять, скрывать или модифицировать любые содержащиеся в Сервисе или Данных товарные знаки, логотипы, ссылки или иные указания на Правообладателей, равно как и любые другие уведомления и/или информацию, передаваемые Сервисом вместе с Данными.
2.3.6.3. Создавать на основе Сервиса системы мониторинга транспортных средств, отображающих информацию в реальном времени, и любые другие услуги, связанные с управлением и диспетчеризацией транспортных средств.
2.3.6.4. Использовать любые автоматические программы или устройства для получения API-ключа.
2.3.6.5. Сохранять, обрабатывать и видоизменять полученные через Сервис Данные (включая результаты геокодирования), за исключением случаев временного хранения (кэширования) результатов геокодирования исключительно для целей улучшения функциональности и работоспособности Сервиса и только для использования в рамках возможностей, предоставляемых Сервисом.
2.3.6.6. Использовать Сервис для создания интернет-сервисов, нарушающих законодательство РФ, права и законные интересы третьих лиц, а также противоречащих требованиям п. 4 Пользовательского соглашения Яндекса.
2.3.7. Изменения и версии. Яндекс оставляет за собой право изменять/исправлять или обновлять Сервис в любой момент, без предварительного уведомления Пользователей. При выпуске очередной стабильной версии Яндекс сообщает о её выпуске на веб-страницах Сервиса. После выпуска новой версии Яндекс не гарантирует стабильность и продолжительность работы устаревшей версии. Пользователь, не согласный использовать обновленную версию Сервиса, может либо продолжать на свой страх и риск использовать устаревшую версию Сервиса, либо прекратить использование Сервиса, удалив соответствующий код с сайта (-ов) Пользователя.
2.3.8. Реклама. Яндекс оставляет за собой право включить рекламные материалы по своему усмотрению в состав Данных, предоставляемых и отображаемых Сервисом.

Если кратко- не нарушать ЗАКОНЫ РФ, следить за кодом, которым может устареть, и не обижаться, если на карте появится реклама.

Для корректного отображения карты Яндек ввел ключ доступа к сервису, котрый для каждого сайта свой, индивидуальный.

4. Копируем код, вставляем себе на сайт.

Просто? Достаточно просто для любого вебмастера. Только нужно учесть, что если в движке сайта используется визуальный редактор наподобие TINYMCE, его нужно настроить на вставку кода <script>, который по умолчанию обычно отключают.

<<< sitemap.xml. Как написать?
sitemap.xml. Как написать?
Как защитить картинки водяным знаком на PHP >>>

Комментарии

1.
Андрей 13.10.2010 17:27
Спасибо за информацию!
2.
stealth 28.10.2010 09:55
Да, сложно сделали в Яндексе. Но я использую больше функций!
3.
Алексей 04.06.2011 20:30
Молодец нужная информация !Главное все понятно.СПС.
4.
Шульга Александр 04.06.2011 21:02
Спасибо за поддержку!
5.
Юлия 11.06.2011 00:28
Похоже, мне нужна помощь. Пыталась добавить карту на страницу сайта http://muzschool.ru/kontakt.php. В итоге ничего не получилось. Что я сделала не правильно? Заранее благодарна за ответ.
6.
Максим 13.06.2011 09:08
Спасибо! :) все просто и понятно!
7.
Александр 13.06.2011 12:09
Спасибо! Если у вас получилось- давайте ссылку на ваш сайт, чтобы все могли посмотреть, что у вас получилось.
8.
iowe 26.07.2011 16:57
Спасибо получилось! А как сделать чтобы ссылочка была сразу развернута?
9.
Александр 26.07.2011 19:31
to iowe: Яндекс за год дополнил свой сервис карт новыми функциями. Статья устарела, постараюсь её привести в порядок.
10.
iowe 27.07.2011 08:12
Спасибо Александр! Ждем с нетерпением продолжения!
11.
Александр 20.09.2011 11:16
GOOGLE Maps предлагает простой способ- нужно найти нужное место, переставить маркер, а потом в правом верхнем углу найти кнопку, по которой открывается код, который нужно вставит на страницу. Также там можно подредактировать размеры карты.
12.
Oleg 29.09.2011 01:19
Spasibo!
13.
Александр 28.10.2011 11:45
Есть подробная инструкция по вставке на сайт карты Google. Смотрите сообщение за 28 октября 2011.
14.
Анатолий 10.11.2011 14:21
Огромное спасибо за инситрукцию
15.
Ольга 13.11.2011 16:25
Хотелось бы новую инструкцию. Обновите , плиз!!!
16.
Александр 13.11.2011 19:56
Обновил информацию. Старый пост переехал на дату 13.11. 2011. В этом посте- свежая информация за 2011 год.
17.
cergiuc 06.12.2011 12:54
Вот так http://orgtehservic.ru/kontakty/
18.
Александр 06.12.2011 12:56
Я рад, что у вас получается!
19.
Аня 25.12.2011 14:57
Спас.получилось
20.
Сергей 02.01.2012 08:03
статья блеск, автору респект!!!
21.
николай 10.01.2012 14:36
вставил код и тишина...что делать?
22.
Александр 10.01.2012 16:43
2 Николай: напишите в обратной связи мне сообщение, попробую помочь. Здесь, в комментариях это врядли возможно.
23.
Дмитрий 12.07.2012 12:48
Спасибо, а то на яндексе плохо понятно, а тут за 30 сек разобрался
24.
Ира 05.09.2012 12:08
А у меня текст тока вставляется и катры не видно.
25.
17.10.2012 14:16
жаль - там хитрый обман - хочу вытереть подпись "созданно с помощью яндекс карт" и ничего не катит.
26.
Rina-Kate 27.06.2013 17:00
спасибо, хелп яндекса только запутал, а тут - сразу ссылочка, где карту можно сделать. Процветания вам и вашему блогу.
27.
владимир. 03.07.2013 20:26
прекрасная природа , и места отдыха , пркрасные

песчанные пляжи , кругом красата ,сольнечой греции

и кипра . http// www.grecia24.ru
28.
Марьяна 11.07.2013 14:28
полученный код вы должны вставлять в режиме html. поищите у себя в редакторе кнопку перехода в этот режим и вставьте туда ссылку
29.
Лидия 31.07.2013 11:35
Подскажите, а как настроить на вставку кода , который по умолчанию обычно отключают.Где в редакторе эта галочка стоит?
30.
Елена 07.08.2013 13:30
Большое спасибо!)
31.
Мария 02.09.2013 10:22
Спасибо, все получилось. До этого через плагин пробовала установить, но некорректно отображалось, и свои метки нельзя было добавлять. С Вашим уроком-все получилось.
32.
Дмитрий Жуков 02.04.2014 01:06
Благодарю за столь подробное и понятное разъяснение!
33.
Денис 09.06.2014 17:57
Отлично и четко все написано, все работает, спасибо :)
34.
Оксана Козюк 25.10.2014 11:04
Большое спасибо!
35.
Рафик Гаджиев 19.08.2015 14:38
Спасибо за подробное объяснение))

Добавление комментария

Имя:
Текст:
Введите цифры, изображенные на картинке
protect

Если вы хотите написать личное письмо- Обратная связь