- Начало статьи
- Шаг 1. Заходим на сервис Яндекс Карты
- Шаг 2. Находим нужную компанию или организацию
- Шаг 3. Заходим в меню и выбираем пункт "Поделиться"
- Шаг 4. Копируем нужный нам код из блока "Виджет с картой"
- Шаг 5. Вставляем скопированный код в том месте на сайте, где нужно вывести карту с информацией
- Шаг 6. Стандартный результат будет выглядеть примерно так
- Шаг 7. Схлопываем карточку, оставляем метку
- Примечания
- Поделиться статьёй
- Добавить комментарий
- Комментарии
- Рекомендуемые статьи
Здравствуйте, уважаемые читатели сайта Sumlab.ru!
В этой статье будет показано, как можно добавить на ваш сайт карту с описанием и адресом какой-то организации. Такая организация предварительно должна быть добавлена на Яндекс Карту. Если её там ещё нет, то это можно сделать через справочник от Яндекс Бизнеса. Но об этом я расскажу в другой статье.
Итак, у нас есть компания на Яндекс Карте, и мы хотим разместить к себе на сайт подобную карту с описанием этой компании и меткой на её расположение. Для этого воспользуемся готовым виджетом. Весь процесс займёт несколько простых шагов.
Шаг 1. Заходим на сервис Яндекс Карты
![Заходим на сервис Яндекс Карты Заходим на сервис Яндекс Карты](https://sumlab.ru/uploads/1684008745738-727258711-2023-05-1320-17-55.png)
Шаг 2. Находим нужную компанию или организацию
![Находим нужную компанию или организацию Находим нужную компанию или организацию](https://sumlab.ru/uploads/1684067547021-518785670-2023-05-1415-15-48.png)
Шаг 3. Заходим в меню и выбираем пункт "Поделиться"
![Заходим в меню и выбираем пункт / Заходим в меню и выбираем пункт /](https://sumlab.ru/uploads/1684067637529-654487933-2023-05-1415-16-02.png)
Шаг 4. Копируем нужный нам код из блока "Виджет с картой"
![Копируем код из блока / Копируем код из блока /](https://sumlab.ru/uploads/1684067710886-163051984-2023-05-1415-16-59.png)
Шаг 5. Вставляем скопированный код в том месте на сайте, где нужно вывести карту с информацией
Не забудьте сохранить внесённые изменения.
![Вставляем скопированный код в том месте на сайте, где нужно вывести карту с информацией Вставляем скопированный код в том месте на сайте, где нужно вывести карту с информацией](https://sumlab.ru/uploads/1684067777534-770130890-2023-05-1415-18-03.png)
Шаг 6. Стандартный результат будет выглядеть примерно так
![Стандартный результат будет выглядеть примерно так Стандартный результат будет выглядеть примерно так](https://sumlab.ru/uploads/1684067859996-903322497-2023-05-1415-18-34.png)
Шаг 7. Схлопываем карточку и оставляем только метку
В официальной документации такой инструкции нет, но если уменьшить высоту виджета (height) в коде на 1 пиксель (до 399), то карточка с информацией схлопнется и останется только метка. При нажатии на неё сработает переход по ссылке на большую карту.
![Меняем высоту виджета на 1 пиксель, с 400 до 399 Меняем высоту виджета на 1 пиксель, с 400 до 399](https://sumlab.ru/uploads/1684068658991-976827649-2023-05-1415-47-20.png)
Меняем высоту виджета на 1 пиксель, с 400 до 399
![Результат без карточки организации, только метка Результат без карточки организации, только метка](https://sumlab.ru/uploads/1684068689257-368057279-2023-05-1415-51-03.png)
Результат без карточки организации, только метка
Примечания
Посмотреть на готовый результат вы можете здесь.
В завершении хотелось бы сказать, что я оказываю различные цифровые услуги. С их полным списком вы можете ознакомиться на главной странице сайта sumlab.ru. Там же вы сможете и заказать понравившуюся услугу. И, конечно, я жду вас всех на страницах моего технического блога, где хранится и регулярно добавляется много полезной информации.
А на этом всё! Всем спасибо за внимание.
Если вам понравилась статья, тогда не забывайте делиться ею в социальных сетях и писать ваши комментарии.
Добавить комментарий:
Комментарии: