Как поставить карту на сайт

Часто, возникает необходимость обозначить на карте определенную местность и вставить такую карту на свой сайт.
И сделать это очень просто всего за 3 шага с инструментом от Yandex или Google.

Карта Yandex на сайт

Переходите по ссылке: http://api.yandex.ru/maps/tools/constructor/
И далее три простых шага:
Как поставить карту на сайт
Шаг 1. Создание. Тут необходимо найти и отметить необходимое место на карте. Для этого его нужно сначала найти. Введите нужный адрес в строку поиска, ниже строки появятся варианты адреса, которые есть на карте Яндекс. Или ищите место на карте в ручную. Чтобы отметить нужное место нажмите вверху на значок Yandex_button и введите название места (как Вам нравится, улица с номером дома, или просто любое название метки). Чтобы изменить масштаб карты – используйте бегунок слева. Итак, вы поставили метку. Нажимайте на Шаг 2.
Шаг 2. Просмотр. Тут Вы просто просматриваете, как это будет выглядеть у Вас на сайте. Вам все нравится? Переходите на Шаг 3.
Шаг 3. Код для вставки. Поставьте галочку что Вы прочитали лицензионное соглашение. Теперь перед Вами код (скрипт) Вашей карты, который Вам нужно скопировать как есть и вставить в режиме HTML на страничку Вашего сайта в желаемом месте.

Карта Google на сайт

Переходите по ссылке: http://maps.google.ru/
Шаг 1. Поиск места.
google map
Вводите в строку поиска нужный Вам адрес (вместе с городом) и ниже Google выдаст Вам имеющиеся в базе адреса. Выбираете подходящий.
Нажимаете на значек “Шестеренка” в правом нижнем углу (см. рисунок), и выбираете “Поделиться с друзьями или получить код карты”
Шаг 2. HTML код для добавления на веб-сайт.
Нажмите вкладку “Код”. Перед Вами откроется окно с картой.
google-map
Вам осталось выбрать размер карты или задать свой индивидуальный.

Теперь просто вставьте код в режиме HTML в нужное место странички Вашего сайта.

Поздравляю! Вы счастливый обладатель интерактивной карты на Вашем сайте.
Согласитесь, что такой вариант определения местонахождения Вашей компании очень удобен Вашим пользователям.


Подпишитесь на RSS канал - если Вы хотите первыми узнавать о новых статьях на сайте!!!

Статьи по теме:

2 комментария

  1. А как сделать так чтобы эти обозначения показывались лишь на своём сайте и не сохранялись на гугл/яндекс сайтах. Или как поставить собственную карту а на неё уже свои отметки. Просто там кучу базу данных нужно ввести и е охота чтобы кто нить имел доступ к этой базе кроме как через мой сайт.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *