Как установить яндекс карту на сайт

как вставить карту яндекс на сайтДобрый день. Недавно я писал статью о том, как добавить компанию на яндекс крты. Надеюсь, вы с этим успешно справились и сегодня мы установим яндекс карту с координатами вашей компании на landing page. Может быть, не у всех прошла модерацию заявка, но, если что, добавляйте в закладки страничку, а позже вернетесь к этой статье.

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

Кроме того, многим просто необходимо иметь данный элемент на своем лендинге. Например: юристам, нотариусам, турагентствам и т.д. Думаю вы поняли… Давайте приступим.

Как добавить яндекс карту на сайт?

Переходим на конструктор яндекс карт и видим следующее окошко:

карта яндекс на сайт

Первое, с чего нужно начать - это заполнить поле "Найти место на карте". Вводите адрес вашей компании или предприятия и нажимайте "Найти".

Я для примера введу просто адрес общежития, в котором жил, когда учился в университете :)

вставить карту яндекс на сайт

Далее корректируем контакты и задаем цвет маркера. Нажимаем "ОК".

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

установить яндекс карту на сайт

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

Также, обратите внимание, что можно менять схему отображения карты на "Спутник" и "Гибрид", а также, есть возможность изменить масштаб.

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

В самом коде есть параметры width и height (ширина и высота), размер которых вы можете задать самостоятельно, чтобы более органично вписать ее в дизайн. А на сегодня - все! Теперь вы знаете как установить яндекс карту на сайт. Пишите свои комментарии. Пока!

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