Создать ссылку на метку Яндекс Карт?
Господа, добрый день! подскажите пожалуйста, как мне написать код, или хотя бы куда копать?
Суть в следующем.
В тесте страницы есть ссылка, нужно сделать так, чтобы при щелчке по ссылке на рядом расположенной карте открывался баллун у метки, масштаб карты менялся бы при необходимости .
пример
- Вопрос задан более трёх лет назад
- 91 просмотр
Комментировать
Решения вопроса 0
Ответы на вопрос 0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
- HTML
- +1 ещё
Как пофиксти проблему с амперсантом?
- 1 подписчик
- 6 часов назад
- 42 просмотра
Как сделать ссылку на метку Яндекс.Карт?
Есть Яндекс.Карта, построенная в Конструкторе, с метками филиалов фирмы. На сайте фирмы есть страница с этой картой, и отдельные страницы по филиалам — информация, контактные данные и т.д.. Как сделать простую html-ссылку на этих страницах, чтобы по ней открывалась карта с меткой этого филиала?
- Вопрос задан более трёх лет назад
- 1379 просмотров
Комментировать
Решения вопроса 1
Поставить одну метку:
https://yandex.ru/maps/?pt=30.335429,59.944869&z=18&l=mapПоставить несколько меток:
https://yandex.ru/maps/?ll=30.310182,59.951059&pt=30.335429,59.944869~30.34127,59.89173&z=12&l=mapПоказать «Что здесь?»:
https://yandex.ru/maps/?whatshere[point]=37.444076,55.776788&whatshere[zoom]=17Как вставить карту на сайт HTML, как сделать это просто по шагам
Сегодня мы рассмотрели, как можно вставить карту в HTML-сайт. Мы описали самые простые способы вставки карты, которые помогут вашим пользователям найти определенный вами адрес на карте. Однако нужно понимать, что это будут не слишком функциональные карты, то есть они имеют ограниченные инструменты и пользователи не смогут с ними взаимодействовать, как с картами в источниках. Чтобы добиться полного взаимодействия с картами на вашем сайте, их нужно подключать не такими простыми способами, а используя API. Подробнее о том, как это делается, мы расскажем в следующих статьях.
Мы будем очень благодарны
если под понравившемся материалом Вы нажмёте одну из кнопок социальных сетей и поделитесь с друзьями.
Как сделать ссылку на яндекс карты
На сайте пользователь отмечает на карте точку, нужно, чтобы владелец сайта, получив эти координаты, мог кликнуть на ссылку и увидеть, где эта точка стоит. Соответственно, я получаю координаты клика. а вот как сформировать ссылку, перейдя по которой владелец сайта увидит отмеченную точку?
На сайте яндекс карт можно так сделать? Или у себя разместить код и метку ставить?
Попробовал вот так
Ссылка
но точка с погрешностью ставится — подозреваю, потому как при поиске только 6 знаков после точки рассматривается.
Подробная инструкция по добавлению Яндекс.Карты на свой сайт
Думаю, что на всех сайтах, ведущих коммерческую деятельность, существует раздел контактной информации или информации о компании. Без наличия карты, помогающей сориентироваться вашим клиентам, сайт сильно проигрывает в удобстве для пользователя.
Сервисов, бесплатно предоставляющих карты, множество, но я бы хотел остановиться сегодня на Яндекс.Картах. Не буду рассматривать вариант создания карт через простой конструктор, а поскольку мы с вами в какой то степени вебмастера, расскажу, как внедрить карту от Яндекс.Карт с помощью API.
Добавление Яндекс.Карты на свой сайт
1. Итак, первое, что вам необходимо сделать – это перед закрывающим тегом вашего сайта подключить сам API Яндекс.Карт:
Обратите внимание, что API_KEY в ссылке нужно заменить на свой, иначе карта будет серая (новые правила Яндекса). Получить его можете здесь. На момент написания статьи — получение бесплатное.
2. В нужное место на вашем сайте вставьте код, где будет отображаться карта:
3. В файл стилей (в самый конец) вставьте:
.ya_map – это стиль текста, который будет отображаться у подписи на карте, а
#map – размер карты.
4. И под конец одним из самых важных шагов будет добавление перед закрывающим тегом скрипта с настройками:
С ним-то мы и будем сейчас работать.
Настройка Яндекс.Карты
Из всего этого кода нам нужно изменить пару строк, которые прокомментированы.
1. Начнем с адреса. Для того чтобы вам получить координаты нужного адреса, зайдите сюда. На открывшейся карте введите нужный вам адрес. После чего, найдя объект на карте, вы получите его координаты.
Для настройки скрипта нам нужны координаты метки + масштаб. Копируете и вставляете их в соответствующее место в скрипте.
Обратите внимание, что сначала вам нужно определиться с масштабом, а только потом копировать координаты метки, потому что при изменении масштаба координаты метки меняются.
2. Далее приступим к настройке вида метки. Здесь есть несколько вариантов решений.
Либо вы заменяете надпись в скрипте и оставляете все как есть – в таком случае стиль у вас будет как на первом изображении.
Либо вы можете вовсе убрать надпись и оставить стандартную метку. Список всех доступных меток вы можете найти в официальной документации Яндекс.Карт.
Для этого в скрипте вам необходимо:
Здесь twirl#skatingIcon – название стиля метки.
Либо вы можете вставить свой логотип или нужную картинку.
3. Размеры карты. Как говорилось ранее, за размер карты отвечает стиль:
Здесь вы задаете нужный вам размер в пикселях, либо, если хотите сделать карту на всю ширину/высоту, указываете проценты.
На этом базовую работу с Яндекс.Картами я заканчиваю. Урока вполне хватит для того, чтобы преобразить соответствующий раздел с помощью карты. Позднее мы вернемся к этой теме и рассмотрим еще несколько возможностей Яндекс.Карт.
Контент. Схема проезда со ссылкой на Яндекс.Карты
С помощью и сервиса Яндекс.Карты (или любого аналогичного) вы можете оформить схему проезда со ссылкой на месторасположение вашего офиса на карте.
Для оформления схемы проезда вам необходимо иметь страницу, созданную с модулем «Редактируемая страница».
Создание карты. Шаг 1
Перейдите на сервис Яндекс.Карты.
Создание карты. Шаг 2
Найдите на карте необходимое вам здание, используя строку поиска или перемещаясь по карте.
Создание карты. Шаг 3
На необходимое здание поставьте метку.
Создание карты. Шаг 3а
Нажмите кнопку «Добавить метку».
Создание карты. Шаг 3б
Щелкните по зданию.
Создание карты. Шаг 3в
В появившемся окошке заполните разделы «Название» и «Описание» и нажмите кнопку «Ок».
Точно так же, как описано в шаге 3а-3в, вы можете создать метки на ближайшие станции метро, остановки общественного транспорта и т.п.
Создание карты. Шаг 3г
В окне «Создание карты» (находится слева от карты), заполните разделы «Название карты» и «Описание карты» и нажмите кнопку «Сохранить».
Вставка схемы на сайт. Шаг 4
Скопируйте в буфер обмена изображение карты с меткой (кнопка PrtScn на клавиатуре).
Вставка схемы на сайт. Шаг 5
Вставьте в любой графический редактор и обрежьте лишние элементы.
Вставка схемы на сайт. Шаг 6
Перейдите на ваш сайт. Вставьте изображение на страницу, где должна быть размещена схема, в режиме редактирования.
Установка ссылки на Яндекс.Карты. Шаг 7
Вернитесь на Яндекс.Карты к созданной карте и получите ссылку на нее.
Установка ссылки на Яндекс.Карты. Шаг 8
Скопируйте ссылку на карту в буфер обмена (Ctrl+C).
Установка ссылки на Яндекс.Карты. Шаг 9
В режиме редактирования страницы кликните на карту (она выделится маленькими квадратиками по углам изображения).
Кроме того, ссылку на точку в карте можно оформить и с текста.
Установка ссылки на Яндекс.Карты. Шаг 10
Установка ссылки на Яндекс.Карты. Шаг 11
Вставьте скопированную ранее ссылку в соответствующую строку и нажмите «Добавить ссылку».
Установка ссылки на Яндекс.Карты. Шаг 12
Подтвердите изменения, нажав кнопку «Сохранить».
Если действия были произведены верно, на странице появится схема, при нажатии на которую вы будете переадресованы на сервис Яндекс.Карты на поставленную вами ранее точку.
Внимание! Вы также можете оформить похожим образом ссылку на другие картографические сервисы, но вам потребуется уточнить порядок действий на страницах поддержки этих сервисов.