Создание карты для сайта яндекс: Создание карты — Конструктор карт Яндекса. Справка

Содержание

Яндекс.Карты API, я устал. Я ухожу / Хабр

О последней и других каплях в чаше решения о прекращении использования Яндекс.Карты API.

Что случилось?

С 1 ноября Яндекс.Карты уменьшили лимиты на бесплатное использование HTTP API Геокодера с 25 000 до 1 000 запросов в сутки. Но не всех об этом уведомили.


Вдобавок, хоть новые лимиты и касаются только HTTP API Геокодера, он остался спаренным с сервисом встраивания карт. Теперь случайное превышение по использованию геокодера отрубает вам на сутки и карты, несмотря на прежний лимит для встраивания в 25 000.

Конечно же, у нас так и произошло. И не только у нас. Яндекс признал проблему и даже предложил компенсацию.

И вот по поводу компенсации начинается переписка с поддержкой.

Сначала она не видит, что мы вообще используем API. Но прозревает после нашего скриншота.

Потом она перенаправляет на оформление коммерческого использования.

Дальше она не видит, как мы используем геокодер, чем объясняет отсутствие уведомления о новых лимитах. Хотя у нас обычный характер использования геокодера — это до 100 ежедневно со скачками до 1 000, и несколько раз в год — до 25 000.

Разговор завершается отсылкой к договору, где написано, что Яндекс вам ничем не обязан — все так и должно работать.

Переписка заняла 3-и дня, из которых первый день карты не работали, т.к. никто ничего не стал компенсировать даже на время разбирательства.

Но ноги этого начали расти чуть больше года назад. «Почему появилась эта статья» что-то напоминает — да? 🙂

Версионирование Шрёдингера и др.

До лимитов основной проблемой было версионирование.

Вот вы если указываете номер версии, скажем, 1.65, какую рассчитываете получить в итоге?
Я думал, что — 1.65. Но нет, в Яндекса.Картах свято уверены, что это может и 1.72, и 1.75, и т.д. Хорошо хоть только возрастает. Но это не точно.

На вопрос, где они узнали, что это хорошая практика, ответили ссылкой на свою же документацию о версионировании. Ловко — да? 🙂

Таким образом вам прилетают баги, которых вы не ждали. Править их нужно немедленно — вас опять же никто не уведомил, и откатиться некуда.

По началу я рационализировал такой подход задумкой быстрой обратной связи и внесением правок. Поэтому сообщал о всем, что находил. Но опять не угадал. Как я Вас понимаю, ReDev1L.

Поддержка могла реагировать годами. И даже поправленные баги могут возвращаться.

Т.е. вы должны сами отслеживать и знать все изменения, даже те, которые внутри кода, и вносить правки в соответствии с планом работ Яндекса.

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

Не буду уже тратить время на документацию и архитектуру кода, которая часто напоминает итальянское блюдо.

Это просто бизнес, ничего личного.

Циничный это подход. И бизнес выходит хреновый, когда маркетологи-двоечники ставят бабло выше репутации.

Лишнее тому подтверждение — недавний срыв большой сделки с Яндексом. Все-таки кто-то считается с настроениями пользователей.

Свои проекты мы строим по-другому.

До этого API Яндекс.Карт использовался больше 7 лет из-за их покрытия и удобных лимитов. Но теперь, учитывая характер использования, новые лимиты, расценки и качество поддержки, в этом нет смысла. Значительно дешевле, удобней и гибче использовать собственные решения на основе других открытых и бесплатных продуктов.

Тем более, что и так приходилось писать свои обертки для решения проблем сервисов Яндекс.Карт. Например, тот же геокодер натренирован на статистике пользовательского ввода. Из-за чего нередко бывает, что точный адрес не гео-кодируется, а вот, например, без вида улицы — находится.

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

Еще одно интересное следствие всей этой истории — это то, что я перестал воспринимать сотрудников Яндекс как серьезных специалистов. И приходится делить, минимум на 10-ть, все что они говорят, даже если и появляется желание их послушать.

Из, возможно, забавного.

Как-то у Яндекса в Недвижимости

появилась функциональность

, которая очень напоминала то, что являлось уникальным предложением нашего проекта.

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

P.S.
Есть что-то похожее и про Google. Думаю как-нибудь тоже написать, если допечет.

Кто знает, есть ли плагин для leaflet, чтобы можно было его использовать с backend'ом под API Яндекс.Карт? Если что — я уже начал писать похожее решение.

Центробанк верифицирует финансовые организации в «Яндекс.Картах»

Банк России и «Яндекс» создадут единую карту расположения точек доступа к финансовым услугам. Данные будут интегрированы в браузерную и мобильную версии «Яндекс.Карт» с брендированным разделом, сообщают «Ведомости».

Создание такой карты позволит однозначно идентифицировать точки доступа, как проверенные Банком России. Карта с точками доступа будет также отображаться на официальном сайте ЦБ и в мобильном приложении «ЦБ онлайн». Регулятор таким образом будет наблюдать за доступностью услуг на картах поисковика.

К существующей информации о банкоматах и банках на картах «Яндекса» добавится официальный статус указанной информации. В ЦБ поясняют, что сейчас информацию для сервиса предоставляют сами организации, либо она аккумулируется из разных источников. Агрегированная информация под брендом Банка России поможет снизить риски обращения к услугам нелегальных организаций. Проверенные данные о финансовых организациях будут маркироваться символом или текстовым блоком «Информация соответствует данным Банка России».

После запуска проекта пользователям «Яндекс.Карт» будет доступна информация о разных категориях точек: офисах банков и их удаленных точках обслуживания, микрофинансовых организациях, кредитных потребительских кооперативах, ломбардах, субъектах страхового дела, профессиональных участниках рынка ценных бумаг. На карте также будут указаны почтовые отделения, где можно провести банковские операции, а также точки, выдающие наличные клиентам на кассах. Проект будет реализован в два этапа, полный запуск намечен на первое полугодие 2022 года.

По словам гендиректора «Infoline-аналитики» Михаила Бурмистрова, сотрудничество с Банком России перспективно для «Яндекса», оно повысит качество данных по привязке к организациям. В свою очередь Центробанк стремится повысить комфорт и снизить расходы пользователей банковских услуг. Финансовым организациям это тоже пойдет на пользу — они станут более мотивированными в борьбе за клиента.

С 2018 года Банк России с ФАС следят за рекламой финансовых услуг. Совместная работа регуляторов направлена на борьбу с дезинформацией потребителей и выявление недобросовестных игроков рынка.

Как создать и сгенерировать карту сайта Sitemap в формате xml и html для Яндекса и Google?

Здравствуйте, уважаемые друзья, читатели проекта «Тюлягин»! Сегодня в новой статье я расскажу о том что такое карта сайта, для чего она нужна. И самое главное мы с вами обсудим как быстро и правильно создать карту для вашего сайта в формате xml на движке WordPress. Сразу скажу что эффективнее всего это сделать с помощью плагина или модуля вашего движка. Однако карту сайта также можно сгенерировать онлайн.

Содержание статьи:

Что такое карта сайта (Sitemap.xml) и для чего она нужна на сайте

Карта сайта — это список ссылок страниц и записей сайта, который предназначен либо для поисковых систем либо для пользователей и читателей проекта. Практика создания карт сайтов для веб-ресурсов была введена еще в 1994-1995 годах и с тех пор стало неотъемлемой частью создания и оптимизации проектов в Интернете. На тот момент это было чуть ли не единственным способом навигации по сайтам.

Сейчас, когда навигацию сайта можно сделать более легкой и удобной для пользователей, создание карты сайта кажется необязательным. Однако, помимо удобства для пользователей у карт сайта есть еще одна важная функция — это поисковая оптимизация. Карты сайта позволяют значительно улучшать видимость сайта, а также ускорять и повышать эффективность индексации проекта поисковыми роботами.

Какие виды карт сайта бывают (html и xml)

Как мы уже выяснили выше, существует два основных вида карт для сайта — для пользователей и для поисковых систем.

Карты сайта для пользователей называют Html картами, которые представляют собой иерархические каталоги со списком разделов, страниц и записей вашего сайта. Данные каталоги обеспечивают удобство и легкость навигации для ваших читателей по разделам и глубинным статьям вашего проекта. Сайта html представляет собой отдельную страницу с разделами и статьями сайта, обычна карта сайта в формате размещается по адресу: ваш_сайт.ru/karta-sajta/ или  ваш_сайт.ru/sitemap/. Данную страницу затем размещают на видном месте, обычно это либо шапка сайта и навигация, либо нижняя часть сайта — футер. В конечном виде карта сайта в формате html представляет собой некое подобие содержания или оглавления книги.

Однако, несмотря на удобства для пользователей, html карты немного устарели и им пришел на смену второй тип — карта сайта в формате xml.

В этой статье я буду рассказывать преимущественно про xml карту сайта, которая необходима в первую очередь для поисковых систем. Карта сайта Sitemap.xml представляет собой документы формата xml, которые содержат внутри себя служебную информацию о страницах сайта необходимую поисковым роботам. Карта сайта позволяет лучше, быстрее и эффективнее индексировать ваш сайт, а также понимать его структуру.

Пример XML карты сайта

Создание карты сайта xml для поисковых систем наряду с созданием специального файла robots.txt является обязательным пунктом и условием успешного SEO вашего сайта. Создание карты сайта xml значительно улучшает внутреннюю оптимизацию сайта в глазах поисковых роботов. Отсутствие или неправильная настройка карты вашего сайта значительно ухудшит поисковую индексацию, видимость и количество поискового трафика вашего проекта.  Также карта xml позволяет улучшить индексацию крупных проектов, у которых слабая внутренняя перелинковка (то есть небольшое количество ссылок на внутренние разделы и записи сайта). То есть чем больше ваш проект, тем нужнее и более значимо создание карты сайта для вашего ресурса.

Кроме указания списка страниц и разделов в карте сайта формата xml также присутствую и другие графы, а именно степень важности конкретной страницы сайта (приоритет для посещения поисковым роботом), дата обновления и частота обновления раздела. Карта сайта xml также дает понимает какой тип контента размещен на страницах сайта, имеется ли на странице изображение или видео.

Конечно вы можете и не создавать карту сайта xml, однако это приведет к ряду проблем:

  • Поисковики могут не заметить и не проиндексировать наиболее глубокие ваши страницы, на которые не ссылаются другие статьи и разделы сайта.
  • Часто обновляемые страницы вашего сайта могут очень долго переиндексироваться вашими поисковыми роботами.
  • Крупный сайт или новый сайт будет медленно индексироваться.

Поэтому лично я рекомендую вам обязательно создавать карту сайта для всех ваших сайтов. А еще лучше создавать сразу две карту сайта, одну для поисковиков в формате xml, а вторую для ваших пользователей в формате html. Таким образом вы значительно повысите эффективность индексации сайта и улучшите его юзабилити за счет удобной навигации.

Способы создания карты сайта в формате xml

Для создания карты сайта в формате xml существует около четырех способов, но из них два основных. Первый способ — создание карты сайта онлайн с помощью генератора, второй способ — с помощью плагинов и модулей для сайтов на движках CMS, таких как WordPress, Joomla, 1С-Битрикс и другие.

Также вы можете создать карту сайта полностью вручную используя общепризнанный синтаксис, однако этот метод весьма трудоемок и подходит для небольших проектов. Кроме этого до появления онлайн генераторов популярностью пользовался сторонний софт (например, Sitemap Writer Pro), вы можете также использовать подобное ПО, однако оно уже давно не обновлялось.

Создание карты сайта xml с помощью онлайн генератора

Создание карты сайта с помощью онлайн генератора требует гораздо меньших усилий и времени по сравнению с созданием карты сайта с помощью плагина или модуля. Однако, стоит сразу отметить, что данный способ имеет один значительный минус — это то, что после добавления новых страниц и статей на ваш сайт вам каждый раз придется обновлять свою карту вручную с помощью онлайн генератора, а затем вновь его добавлять к себе на сервер и сайт.

Плюс этого способа заключается в том что его можно использовать одинакова для всех сайтов независимо от движка сайта или языка программирования на котором он написан. Наиболее популярным генератором карты сайта является англоязычный сервис xml-sitemaps.com. Данный сервис обладает широкими возможности и позволяет бесплатно создавать и генерировать карту сайта для сайтов до 500 страниц. Если у вас крупный проект с тысячами страниц, то вам потребуется приобрести платную версию, у которой ограничение в 1,5 млн страниц. Для генерации карты сайта вам достаточно вставить адрес своего сайта и нажать кнопку «Start», после чего дождаться генерации карты сайта и скачать ее на ПК. Скаченную карту сайта необходимо разместить с помощью ftp-клиента на ваш сайт в корневую папку, так чтобы карта сайта стала доступна по адресу ваш_сайт.ru/sitemap.xml . После этого необходимо добавить вашу карту сайта в кабинеты вебмастера популярных поисковых систем. Как минимум в вебмастер Яндекса и Гугла. Можно также указать адрес на вашу карту сайта в файле robots.txt.

Если у вас есть проблемы с английским и требуется русскоязычный генератор карты сайта, то я рекомендую использовать https://www.mysitemapgenerator.com/ru/. По использованию сервис точно такой же как и приведенный выше, бесплатное количество также ограничено 500 страницами. Нужно больше, используйте платную версию до 1 млн страниц.

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

Создание карты сайта xml с помощью плагина или модуля CMS

Сразу скажу, что здесь я в основном буду рассказывать о том как создать карту сайта xml для движка WordPress, так как он является наиболее распространенным. Для движка WordPress существует множество плагинов, которые с легкостью позволят вам создать карту сайта в течение нескольких минут. Среди этих плагинов есть как специализированные — Google XML Sitemaps, так и более расширенные плагины по SEO оптимизации, которые включают в себя создание карты сайта в формате xml — это плагины All in One SEO и Yoast SEO.

Исходя из тематики сегодняшний статьи я рассмотрю специализированный плагин Google XML Sitemaps и процесс создания карты сайта с помощью этого инструмента.

  • Для начала вам необходимо скачать плагин с официального сайта.
  • Установить плагин и перейти в его настройки через админ панель WordPress

  • В настройках плагина вам необходимо проставить базовые параметры, также как на рисунке выше
  • Помимо этого в настройках вы также можете изменить содержание карты сайта добавив туда нужные разделы и страницы и исключив не нужные
  • Для установки приоритета статей я рекомендую указать  «Не использовать автоматическое вычисление приоритета»
  • Также важной настройкой является добавления последней даты обновления «Include the last modification time»
  • После указания всех настроек не забудьте сохранить изменения

После установки и настройки карты сайта с помощью плагина Google XML Sitemaps, не забудьте добавить его в кабинеты вебмастера Яндекса и Гугла (хотя можно и в другие, например, Bing). Также стоит указать адрес карты в файле robots.txt. Что такое файл robots.txt и для чего он нужен я написал в отдельной статье.

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

Для создания xml карты сайта на других CMS я рекомендую использовать следующие модули и инструменты:

  • Для создания карты сайта на движке Joomla рекомендую использовать- расширение Sitemap Generator, PWT Sitemap или Xmap.
  • Для генерации карты на движке Drupal можно использовать модуль XML Sitemap.
  • Создать xml карту сайта на CMS OpenCart можно с помощью расширения Yandex Sitemap.
  • Для сайтов на движке 1С-Битрикс создание карты сайта доступно в админке в разделе «Маркетинг» -> «Поисковая оптимизация» -> «Настройка sitemap.xml»

Создание карты сайта в формате html

Помимо обязательного использования xml карты сайта, я также рекомендую создать и обычную html карту сайта для более удобной навигации и перелинковки страниц сайта. Однако если у вас итак удобная навигация по сайту и высокие показатели перехода по внутренним страницам сайта можете не создавать html карту сайта.

Тем кому она все-таки требуется, я рекомендую использовать следующие решения:

  • Для WordPress — плагин WP Sitemap Page (либо его аналоги DD Sitemap Generator и Hierarchical HTML Sitemap)

Для создания html карты сайта на wordpress вам достаточно скачать их и установить на своем сайте, после чего вставить специальный шорткод (что-то наподобие [wpsitemap_page] ) в специально созданную страницу для карты сайта. Эту страницу вы можете разместить в разделе навигации, чтобы пользователям было еще проще ориентироваться на вашем ресурсе.

  • Для Joomla — использовать расширение OSMap
  • Для Drupal — модуль Sitemap (https://www.drupal.org/project/site_map)
  • Для сайта на движке Opencart карта сайта Html генерируется автоматически.

Как добавить Sitemap в поисковые системы Яндекс и Гугл

Я уже неоднократно писал что после создания и генерации карты сайта в формате xml не забудьте уведомить об этом поисковые системы, для русскоязычной аудитории и сайтов это прежде всего Яндекс и Гугл. Для этого вам необходимо зарегистрировать сайт в специальных инструментах вебмастера для каждой из поисковых систем.

Для Гугл этот раздел называется Google Search Console. Чтобы добавить в него xml карту своего сайта, вам необходимо перейти в раздел «Файлы Sitemap». В этом разделе вам необходимо добавить ссылку на вашу карту, которая, напоминаю, как правило, доступна по адресу ваш_сайт.ru/sitemap.xml.

Как правило спустя нескольких часов, возможно быстрее поисковик успешно проиндексирует и добавит вашу карту сайта. В случае возникновения проблем вы можете посмотреть отчет об индексирования, щелкнув на файл карты сайта.

Для Яндекса панель управления вашим сайтом называется Яндекс.Вебмастер. Чтобы добавить xml карту сайта, необходимо перейти в раздел «Индексирование» и выбрать графу «Файлы Sitemap». Здесь вам также как и в ситуации с Гуглом необходимо добавить ссылку на вашу карту сайта в формате xml. После чего необходимо какое-то время чтобы роботы Яндекса ее обошли и проиндексировали.

Ошибки карты сайта можно просмотреть в разделе «Диагностика сайта» Яндекс.Вембастера.

Кроме Яндекса и Гугла вы можете также добавить карту сайта и в другие поисковые системы, например Bing, Mail и другие. Эти операции однотипные — необходимо зарегистрировать сайт в кабинетах вебмастера той или иной поисковой системы и добавить туда карту вашего сайта в формате xml.

 

После добавления карты сайта в поисковики и в файл robots.txt  вы можете на какое то время забыть про нее, однако периодически проверяйте ее доступность по адресу. Помните наличие правильной карты сайта значительно улучшает видимость и сильно влияет на позиции сайта в поисковой выдаче.

А на этом сегодня все о создании, генерации карты сайта в форматах xml и html, увидимся с вами в новых статьях на страницах проекта «Тюлягин»! Если у вас есть вопросы задавайте их в комментарии! Также не забывайте добавлять сайт в закладки! До новых встреч!

Правильная карта сайта для Opencart

Главная задача карты сайта — это ускорить попадание новых страниц в индекс. Это тем актуальнее, чем больше страниц на сайте. Принцип работы такой — роботам поисковых систем проще «подсмотреть» наличие новых страниц в файле sitemap, чем делать переобход всего сайта.

В карте сайта должны быть только те страницы, которые должны индексироваться(полезные пользователю). Страницы личного кабинета, регистрации, оформления заказа и прочие служебные не надо включать в Sitemap. В карту сайта также не должны попасть страницы с динамическими параметрами — фильтры, реф.ссылки и тд.

Зачем нужен sitemap?

Sitemap.xml критически важен для сайтов, у которых:

  • Есть разделы недоступные через навигационное меню.
  • Имеются изолированные или плохо перелинкованные между собой страницы.
  • Используются технологии, слабо поддерживаемые поисковыми системами (например, Flash или JavaScript).
  • Присутствует много страниц и есть вероятность, что поисковый робот пропустит новый контент.

Когда не нужен

Sitemap.xml не нужен маленьким магазинам, где все товары и категории лежат не дальше 2 кликов от главной, а новые страницы появляется достаточно редко — раз в 15-30 дней.

Для небольших интернет магазинов, но со сложной системой категорий и подкатегорий, можно обойтись без сайтмапа, создав HTML карту сайта. Но я всегда настраиваю XML карту, потому что сегодня в магазине 50 товаров, а завтра собственники решили расшириться и их стало 1550.

Как создать карту сайта для Opencart

В Opencart уже предусмотрен модуль для создания карты сайта — Google Sitemap. Но у него есть две проблемы — долгое время работы, если товаров больше 10 000 и вторая — Яндекс.Вебмастер не поддерживает теги image:image и показывает ошибки. Поэтому будем создавать две отдельные карты для каждой из поисковых систем:

  1. Включаем модуль google sitemap.
  2. Скачиваем и устанавливаем отдельный модуль Яндекс.Sitemap.
  3. Генерируем две карты сайта
  4. Проверяем их на ошибки(способы чуть ниже)
  5. Прописываем в robots.txt и панелях вебмастеров

Добавляем карту сайтов в панели вебмастеров

Прописываем ссылки в robots.txt

Про добавление карты сайта в файл robots читайте в статье — Идеальный robots.txt для OpenCart 2.3\3.x

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

Самые частые ошибки:

  • В сайтмап попадает несуществующая страница (отдает код 404) или страница с редиректом (отдает код 301 или 302)
  • Страница из сайтмапа закрыта от индексации в robots.
  • Страница закрыта тегом meta-robots noindex.

Чтобы проверить нашу карту сайта, запускаем Screaming Frog, в пункте меню «Mode» переключаемся в режим «List». Далее загружаем файл sitemap кнопкой «Upload» и нажимаем «Start» чуть правее. В отчете будут видны коды статусов страниц и не закрыты ли они от индексации. На скриншоте загружена карта действующего интернет-магазина. Страница about_us выдает 404 статус, скорее всего, ее перенесли или удалили, это ошибка и ее нужно исправлять.

Кроме Screaming Frog можно использовать анализатор файлов Sitemap от Яндекса. Обязательно проверяйте свои карты перед загрузкой в инструменты вебмастеров. Если в последствии всплывут новые ошибки, они будут показываться на вкладке «Сводка».

Порядок действий:

  • Проверяем программой Seo Frog, убираем все найденные ошибки.
  • Тестируем через инструмент Яндекса или в Google Search Console.
  • Периодически поглядываем в вебмастер на предмет ошибок.

Частые проблемы

Когда нужно делать несколько карт сайтов

При необходимости можно использовать несколько карт сайтов, объединяя их в один индексный сайтмап. Несколько sitemap.xml используются в случаях, когда:

  • На сайте стоит второй движок (например WordPress для блога или phpBB для форума).
  • В магазине больше 20 000 товаров.

При такой схеме создается индексный sitemap, синтаксис у него такой же, как и у обычного, но ссылки могут быть только на другие XML файлы. Пример:

sitemapindex (обязательный тег) — инкапсулирует информацию о всех файлах Sitemap в этом файле.
sitemap (обязательный тег) — инкапсулирует информацию об отдельном файле Sitemap.
loc (обязательный тег) — указывает местоположение файла Sitemap.
lastmod — указывает время изменения соответствующего файла Sitemap.

Кириллические адреса в sitemap

В случае с кириллического домена придется заморочиться и потратить прилично времени. Несмотря на то, что sitemap протокол позволяет использовать только ASCII символы в URL, Google и Яндекс поддерживают оба формата для кириллических адресов, кодированный и обычный. То же самое с IDN-доменами, можно использовать обычный формат и Punycode. Однако, для совместимости вашего sitemap.xml с различными поисковыми системами и сервисами, рекомендуется следовать протоколу, кириллические домены кодировать в Punycode-формат (используйте этот конвертер), и использовать маскирование для кириллических адресов страниц.

Вместо:
https://минобрнауки.рф/фото

Необходимо использовать:
https://xn--80abucjiibhv9a.xn--p1ai/%D1%84%D0%BE%D1%82%D0%BE

Sitemap.xml при переходе сайта на HTTPS

При переезде сайта магазина на HTTPS придерживаемся следующего алгоритма:

  • Удаляем все старые файлы sitemap.xml (не забываем про беэкап).
  • Проверяем сайт Screaming Frog-ом или Netpeak Spider, все нужные страницы должны быть с 301 редиректом.
  • Генерируем новые сайтмапы.
  • Проверяем их на ошибки — все адреса должны быть с HTTPS, sitemap c http-версии редиректит 301 на sitemap https-версии.
  • Дожидаемся склейки.

Mapex 1.0 - custom TV Яндекс.Карты

Дополнение для MODX Revolution, добавляющее новый тип ввода TV параметров, позволяющий указать координаты точки на Яндекс.Картах.

Внимание!
Выпущена 2-ая версия компонента, они имеют различный функционал и несовместимы между собой.
Следить за развитием проекта вы можете по тегу Mapex.

После установки пакета Mapex 1.0 при создании TV-параметра можно указать новый тип ввода: "mapex.yandex". Этот тип ввода добавляет Яндекс.Карту на страницу редактирования ресурса:

Основные особенности:

  • Указание точки путем перетаскивания ее мышкой.
  • Быстрый поиск по адресу.
  • Поддержка всех типов карты: Схема, Спутник, Гибрид, Народная карта.
  • Работает на API Яндекс.Карты 2.0

Все данные сохраняются в виде JSON:

{"lat":54.182949,"lon":37.612339,"zoom":12,"type":"yandex#map"}

Инструкция по применению

Устанавливаем пакет. Установить можно, скачав пакет по ссылке. В настоящий момент в официальном репозитории MODX этого пакета нет.

Создаем новый TV параметр. Указываем ему тип ввода mapex.yandex, назначаем TV нужному шаблону.

Заполняем значение по умолчанию для TV. В поле "Значение по-умолчанию" можно написать JSON строку, аналогичную приведенной выше, что бы при создании нового ресурса карта сразу была открыта нужного типа и с нужными координатами. Документация доступна на сайте Яндекс.Карт http://api.yandex.ru/maps/doc/jsapi/2.x/dg/concepts/map.xml

Создаем ресурс, присваиваем ему наш шаблон, наслаждаемся!

Отображение карты на сайте

Читаем api.yandex.ru/maps/doc/jsapi/2.x/dg/concepts/load.xml о том, как подключить карты к сайту, смотрим примеры api.yandex.ru/maps/doc/jsapi/2.x/examples/ Для работы с JSON, в котором хранятся координаты, зум и тип карты, написан небольшой сниппет-фильтр mapexYandexFltr, который входит в пакет. Он умеет парсить JSON массив и возвращать нужное поле (здесь mapInfo — имя TV-параметра). Пример работы:

[[*mapInfo]]
[[*mapInfo:mapexYandexFltr]]
[[*mapInfo:mapexYandexFltr=`lat`]]
[[*mapInfo:mapexYandexFltr=`lon`]]
[[*mapInfo:mapexYandexFltr=`zoom`]]
[[*mapInfo:mapexYandexFltr=`type`]]

Этот код выводит следующий результат:

{"lat":54.20288109538611,"lon":37.64632848434251,"zoom":15,"type":"yandex#satellite"}
54.202881095386,37.646328484343
54.202881095386
37.646328484343
15
yandex#satellite

Ссылка на установочный пакет

Mapex 1.2

Создание html и xml карты сайта

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

В данной статье речь пойдет о создании карты сайта, которая представляет собой упорядоченный каталог ссылок всех разделов и страниц, имеющихся на сайте. Карта подразделяется на два типа — существует HTML версия для пользователей и XML версия для роботов поисковых систем.

Зачем нужна карта сайта?

Карта в виде HTML нужна для помощи посетителям в ориентировании на сайте — чтобы они легко могли найти необходимый им раздел или статью.

Вариант карты XML служит помощью для поисковых роботов в определении страниц сайта, нужных для индексации. Наличие такой карты гарантирует, что робот не пропустит в огромной массе страниц и уровней вложений те странички, которые надо проиндексировать.

Также в отличие от HTML версии, XML карта не нуждается в сохранении строгой иерархии и упорядоченности списка, в ней можно указывать адреса страниц вразброс, важно само их наличие. Если необходимости в наличии HTML карты может и не быть, то ее XML версия даже для маленького сайта с несколькими страницами поможет при его продвижении в поисковых системах, а ее создание не займет много времени.

К положительным моментам наличия XML версии карты сайта можно отнести следующие:

  •  Ускоренная индексация новых страниц сайта.
  •  Гарантированное нахождение поисковиком необходимых страниц.
  •  Вероятность изменения приоритетов индексирования.
  •  Указание скорости обновления информации на страницах.

Как создать?

Многие современные и наиболее распространенные CMS (WordPress, Joomla, DLE и т.д.) уже имеют свои средства для создания карты сайта. Они могут быть доступны сразу после установки «из коробки» или при помощи специальных плагинов (например Google XML Sitemaps для WordPress или XMAP для Joomla).

Иногда создавать карту сайта можно вручную или воспользоваться бесплатным софтом (например, SiteMapGenerator) или бесплатным сервисом в интернете.

После создания полученную карту сайта нужно поместить в корневую папку сайта. Если вы знакомы с тегами html и xml, то можете прочитать карту соответствующего формата и проверить правильность ее составления. Если вы не уверены в своих знаниях html и xml, то не производите никаких изменений в этих файлах, потому что любая ошибка может сделать эту карту неработоспособной.

Добавление в Яндекс.Вебмастер

Для того, чтобы сообщить Яндексу о том, что у нашего сайта есть карта, нужно зайти в сервис Яндекс вебмастер и перейти в раздел файлы Sitemap по ссылке http://webmaster.yandex.ua/site/map.xml. У вас откроется список сайтов, добавленных в этот сервис Яндекса. Если вы еще не добавляли ни одного сайта, то пришла пора это сделать – это совсем несложно.

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

  • Пример работы валидатора приведен на скриншоте — тут показаны примеры ошибок в тегах и адресах url.

 

Дополнительно можно указать путь к фалу карты сайта в robots.txt, используя соответствующую директиву Sitemap в файле robots.txt.

Sitemap: http://<имя_сайта>/sitemap.xml.gz

В этом примере карта сайта сразу сжата в формат gzip.

Добавление в Google Webmaster


Аналогичным образом добавляется карта сайта через сервис инструменты Google для вебмастеров. https://www.google.com/webmasters/tools. Само собой разумеется, что для работы с картой сайта соответствующий сайт должен быть добавлен в нее.  В панели вебмастера Google разворачиваем пункт Сканирование и переходим в Файлы Sitemap.

  • Если раньше была добавлена карта сайта и она содержала ошибки, то мы можем увидеть сообщения об этом. Для проверки и добавления карты существует одна и та же кнопка.

  • Если sitemap содержал какие-либо ошибки, то мы можем об этом узнать подробнее по соответствующей ссылке.

  • Если ошибки были устранены, то мы можем перепроверить текущее состояние карты сайта.

Добавление в Webmaster Mail

Сервис Майл ру с недавних пор также имеет свою панель вебмастера: http://webmaster.mail.ru

Если вы добавили в эту панель вебмастера свой сайт,  то можете добавить путь к файлу карты сайта, вызвав всплывающее окно метаданных. В нем можно прописать полное название сайта,  путь к файлу карты сайта и еще много других параметров.

 

Гайд по созданию html и xml карты сайта

Справка

Что такое карта сайта?

Карта сайта – это файл, содержащий URL-адреса страниц на сайте, которые необходимо индексировать.

Зачем нужна карта сайта?

Карта сайта ускоряет индексацию в поисковых системах, помогает расставить приоритеты индексации страниц и их последнюю дату изменения.

Какие бывают карты сайтов?

Карта сайта существует двух форматов «XML» и «HTML»; необходимо использовать оба типа одновременно.

Sitemap XML

Правила создания xml-карты:

  • Нельзя превышать 50  тысяч адресов (URL).
  • Нельзя превышать размер более 10-ти mb.
  • Адрес карты должен быть прописан в robots.txt (директива: «Sitemap: http://www.site.ru/sitemap.xml»).
  • Если на сайте более 50-ти тысяч страниц, необходимо создать главную карту сайта, которая будет в себе содержать остальные карты.
  • Необходимо загружать sitemap сайта в панели веб-мастера Google и Yandex.
  • Карта должна быть доступной для поисковых систем.
  • Можно использовать другие форматы «txt», «php», однако, общепринятым остается формат «xml».

Рассмотрим пример создания xml карты сайта.

Содержимое карты сайта

 Что должно быть «содержимым карты»?

 http://www.site.ru/ 

2011-02-12

always

 – содержит в себе информацию об одной странице. Каждая страница должна начинаться с данного тега и в конце закрываться тем же тегом.

 – тег, который содержит в себе URL-ссылку на страницу.

 – содержит в себе дату последнего изменения, при изменении даты (дата должна меняться, если содержимое страницы было изменено).

 – содержит в себе среднее время изменения страницы. Есть несколько вариантов данных:

  • Always – обновляется постоянно
  • Hourly – обновляется каждый час
  • Daily – обновляется каждый день
  • Weekly – обновляется каждую неделю
  • Monthly – обновляется раз в месяц
  • Yearly – обновляется раз в год
  • Never – никогда не обновляется

Лучше избегать использование тега «never».

 – приоритет данной страницы. К примеру, главная страница может иметь приоритет «1», если же речь о ключевых разделах сайта или продвигаемых страницах, то рекомендуется приоритет «0.8». Для менее приоритетных страниц (например, страницы форума) можно указать приоритет «0.6».

Рассмотрим пример создания sitemap, которая содержит в себе другие карты сайта «xml» формата (такая карта нужна в том случае, если на сайте более 50-ти тысяч страниц).

Содержимое xml-карты сайта

Карта «xml» всегда должна начинаться и заканчиваться специальными тегами, дающими поисковой системе понять, что это карта сайта.

Что должно быть в содержании?

http://www.site.ru/sitemap1.xml

2011-02-12

http://www.site.ru/sitemap2.xml

2011-02-12

Подробнее:

 – специальный тег, дающий поисковой системе понять, что перечисляются не URL-адреса, а другие карты сайтов.

 – ГКЛ на карту сайта «xml»-формата.

 – последняя дата изменения содержимого карты сайта (необходимо обновлять в случае, если содержимое карт изменялось).

Как выглядит рабочая карта?

http://www.site.ru/sitemap1.xml

2011-02-12

http://www.site.ru/sitemap2.xml

2005-01-01

 Загрузка карты

После создание карты сайта, её необходимо добавить в панели веб-мастеров Google и Яндекс.

В случае, если карта содержит ошибки (пропущен тег, неверная кодировка) инструменты в панели веб-мастера сообщат о них.

Как это сделать

Google:

В панели веб-мастера выбрать вкладку «Сканирование», перейти на «Файлы Sitemap».

В правой верхней части страницы будет кнопка «Добавление/проверка файла sitemap» - необходимо указать адрес, где находится карта.

В Яндексе карту можно добавить следующим образом:

В панели веб-мастера перейти в раздел «Настройка индексирования», выбрать «Файлы Sitemap», в строке указать адрес карты.

Карта сайта «html»

Что должна содержать карта сайта в формате «html»?

Карта в формате «html» должна содержать в себе перечень URL-адресов страниц сайта.

Правила построения html-карты:

  • Использовать не более 200 ссылок на странице.
  • Поисковому роботу нужно запретить включать страницы в индексную базу.
  • Карта должна быть разбита на подкатегории.
  • На главной странице должна быть ссылка на карту сайта.

Рассмотрим пример. Сайт с большим кол-вом страниц, при этом на странице рекомендуется использовать до 200 ссылок.

Страницы карты сайта должны содержать тег:

<METAname=”robotscontent=”noindex, follow, noarchive” />, который позволяет поисковому роботу переходить по ссылкам, но запрещает включать в индекс страницу.

Главная страница карты должна содержать ссылки на разделы сайта (например: раздел «телефон», «телевизор» и т.д.)

Страницы разделов сайта должны содержать страницы своих подразделов (например: бренды «nokia», «fly»)

Страница брендов должна содержать конечные страницы (например: карточка товара «nokia 5230» и т.д.)

Таким образом, при правильном построении html карты сайта мы увеличиваем скорость индексации сайта.

Пример хорошей правильной реализации карты сайта в «html»-формате:

http://www.gismeteo.ua/sitemap/

Выводы

Правильное формирование html и xml карт сайта позволяет решить ряд проблем со скоростью и полнотой индексации ключевых страниц сайта. Но самое главное, что должен помнить владелец сайта,– своевременное попадание ключевых страниц проекта, карточек товара позволяет привлечь дополнительный трафик покупателей, вовремя “сообщить” аудитории о наличии товара и обеспечить высокий уровень продаж товара или же качества рекламного размещения в случае, если речь идет о площадке с рекламной моделью монетизации.

Карта

| Webflow University

В этом видео используется старый интерфейс. Скоро появится обновленная версия!

Элемент map позволяет встроить интерактивную карту на свой сайт с помощью API JavaScript Карт Google. Вы можете указать место для выделения и выбрать один из различных вариантов отображения.

В этом уроке
  1. Добавление карты
  2. Создание ключа API
  3. Настройка параметров карты
  4. Стиль карты
Перед началом работы
Чтобы использовать элемент карты, вам понадобится Google Maps Ключ API.Карты без ключа возвращают карты с низким разрешением с водяными знаками «только для целей разработки». Узнайте больше ниже.

Добавить карту

Вы можете добавить элемент карты на свою страницу из панели добавления элементов (A) → раздел компонентов .

Если вы добавляете карту на холст и не добавляете ключ Google Maps JavaScript API в настройки проекта, вы увидите серый заполнитель карты.

Другие способы встраивания карт

Вы можете встроить карту в форматированный текст, вставив URL-адрес карты Google в Rich Media Вариант встраивания , доступный в меню плюс (+) , которое появляется при наведении текстового курсора новая строка в редакторе форматированного текста.Узнайте больше о мультимедиа.

Вы также можете встроить статическую карту Google прямо с веб-сайта Google Maps. Просто возьмите код для встраивания и вставьте его во встраиваемый элемент на своей странице. Вам нужно будет изменить ширину и высоту карты, обновив сам код. Вы можете установить оба значения на 100%, а затем применить любые значения ширины и высоты к элементу вставки на панели стиля , чтобы получить желаемые размеры.

Ознакомьтесь с этими руководствами, чтобы встраивать карты с различных картографических платформ.

Создайте ключ API

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

  1. Откройте настройки карты (дважды щелкните карту на холсте или выберите ее и нажмите ввод).
  2. Нажмите «Добавить ключ API». Вы попадете в настройки проекта → интеграции → Карты Google . Здесь вы вставляете свой ключ API для Карт Google.

Сгенерируйте ключ API

Перейдите на платформу Google Maps, нажмите «Начало работы» и следуйте инструкциям по созданию ключа API:

  1. Выберите «Карты»
  2. Создайте новый проект или используйте раскрывающийся список, чтобы выбрать проект, который вы уже создали
  3. Настройте свою учетную запись для выставления счетов Google Cloud Platform
  4. Щелкните Credentials слева
  5. Create Credentials .Выберите API Key.
  6. Включите API для проекта
  7. Скопируйте созданный ключ API

Вставьте ключ API в свой проект

Теперь, когда вы скопировали ключ API в буфер обмена, вам нужно добавить его в свой project:

  1. Перейдите в настройки проекта интеграции Вкладка → Google Maps раздел
  2. Вставьте ключ API в поле Google Maps JavaScript API Key
  3. Сохраните изменения
  4. Опубликовать ваш сайт

Ограничьте свой ключ API

  1. Вернитесь в консоль разработчика Google (откуда вы скопировали свой ключ API)
  2. Нажмите кнопку ограничения
Вы также можете получить доступ к ограничениям ключа в учетных данных → учетные данные → ключи API.Просто нажмите на API, для которого хотите добавить ограничения.
  1. Выберите HTTP-рефереров (веб-сайтов) под ключевых ограничений
  2. Введите свой домен (-а) в поле , примите запросы от этих HTTP-рефереров (веб-сайтов)
  3. Сохраните ваши ключевые ограничения

Зарегистрироваться ваш проект в Google

Возможно, вам потребуется зарегистрировать свой проект, чтобы включить Maps API. Выполните следующие действия, чтобы зарегистрировать свой проект и включить Maps API:

  1. Перейдите в консоль разработчика Google
  2. Выберите свойство, которое вы хотите включить API для
  3. Щелкните вкладку Library на левой боковой панели
  4. В разделе maps на странице щелкните Maps Javascript API
  5. . Если вы видите индикатор включения API, это означает, что вам больше ничего делать не нужно.
  1. Если вы видите кнопку Включить , нажмите ее, чтобы включить API для вашего ресурса.
Необходимо знать - API платформы Google Maps и выставление счетов
ОТКАЗ ОТ ОТВЕТСТВЕННОСТИ: Информация в этом разделе может быть неточной. Пожалуйста, прочтите документацию Google (ссылки в этом разделе) для получения более свежей информации.
Платформа Google Maps представила новую модель ценообразования с оплатой по мере использования - вступающую в силу с 16 июля 2018 года - для своих API карт.Для каждой платежной учетной записи ежемесячно предоставляется кредит платформы Google Maps в размере 200 долларов США. Это дает вам 28 000 бесплатных загрузок страниц в месяц. За использование, указанное выше, будет выставлен счет в размере 0,007 доллара США за загрузку карты для первых 100 000 загрузок карты. Подробнее об использовании JavaScript API Карт и выставлении счетов.
Если у вас уже есть API карт, используйте инструмент перехода на платформу Google Maps, чтобы добавить биллинг в существующие проекты и защитить ключи API.
Для получения дополнительной информации посетите страницу часто задаваемых вопросов по API Карт Google.Для получения поддержки и дополнительных вопросов об API Карт Google посетите страницу поддержки и ресурсов платформы Карт Google.

Настройте параметры карты

Элемент «Карта» покажет общий предварительный просмотр вашей карты в конструкторе, но вы можете просмотреть фактическую карту на опубликованном сайте.

‍Это общий предварительный просмотр - вы можете просмотреть актуальную карту на опубликованном вами сайте.

Если мы дважды щелкнем по Карте, вы можете ввести адрес или общее местоположение и нажать Enter. Если Google Maps уточняет этот адрес, он будет обновлен в поле Address.

Просмотр настроек

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

  • Всплывающая подсказка - укажите текст, который будет отображаться над булавкой карты для вашего местоположения.
  • Масштаб - установите уровень увеличения карты. 0 покажет большую область, а 18 увеличит указанное вами место.
  • Тип карты - выберите один из четырех типов карт: Дорога, Рельеф, Спутник или Гибрид.

Настройки прокрутки и касания

Вы также можете выбрать, как ваша карта будет вести себя, когда кто-то будет с ней взаимодействовать, на панели « Element Settings» → настройки карты.

  • Колесико прокрутки - включает или отключает масштабирование с помощью колеса прокрутки на карте. Если вы прокручиваете страницу вниз и ваша мышь оказывается внутри границы карты, прокрутка колеса прокрутки или трекпада приведет к тому, что карта будет увеличиваться и уменьшаться.Если вы не хотите такого поведения, снимите флажок Колесо прокрутки.

  • Сенсорное перетаскивание - включает или отключает жесты касания двумя пальцами, такие как панорамирование и масштабирование карты на сенсорных устройствах. Снятие отметки с этого флажка предотвращает случайное перемещение по карте, в отличие от перемещения пальца по фактической странице.

Стиль вашей карты

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

Чтобы увидеть, как выглядит ваша карта, опубликуйте и посетите свой сайт.

Попробуйте Webflow - это бесплатно

В этом видео используется старый интерфейс. Скоро появится обновленная версия!

Как рассчитать дорожные сборы для любого маршрута - API-интерфейс независимой платы за проезд от карты

TollGuru Toll API теперь позволяет физическим и юридическим лицам рассчитывать стоимость дорожных сборов для маршрутов от любого картографического провайдера.

TollGuru выпустил Map Independent Toll API, который позволяет автопаркам, логистическим компаниям, группам поездок, аренде автомобилей и всем остальным рассчитывать дорожные сборы для маршрутов от поставщика карт по своему выбору.Компании могут загружать полилинию маршрута от поставщиков карт, таких как Google, Bing, MapBox, Apple Map, HERE, TomTom, Waze, ESRI, MapQuest, JawgMaps, Trimble, PTV, MapmyIndia, Yandex, Michelin, Baidu, Gaode, и получать информацию о платных дорогах. зависит от времени поездки, типа оплаты, типа транспортного средства и характеристик транспортного средства, таких как количество осей, высота и вес.

Компании также могут загружать полилинию маршрута из своих пользовательских картографических решений, например, созданных с помощью Open Source Routing Machine или GraphHopper Direction Map API.Они также могут получать сборы за свое решение для пользовательской маршрутизации, созданное с использованием R-дерева, сетевого графика, A * или любого алгоритма кратчайшего пути, картографических данных из OSM или любых других источников данных, таких как ArcGIS.

Почему сложно рассчитать дорожные сборы для полилинии маршрута с помощью любой картографической службы

TollGuru разработал модель абстракции данных, которая работает с каждой конкретной реализацией маршрутизации разными поставщиками картографии. Это позволило нам реализовать алгоритмы расчета дорожных сборов, не зависящие от карты или не зависящие от карты.

Чтобы понять, как разные картографические платформы создают полилинию для одной и той же дороги немного по-разному, давайте рассмотрим New Rochelle Toll Plaza на New York Thruway. Как показано на изображении ниже, на платной площади (теперь перестроенной и перемещенной дальше на север) было 14 полос для сбора платы в северном направлении:

Платный барьер New Rochelle - исторические снимки из Google Earth (площадь с тех пор была перестроена)

Одним из способов представления всех точек взимания дорожных сборов было бы создание 14 звеньев (пар узлов), соответствующих 14 полосам движения на север, чтобы представить тот факт, что транспортные средства должны платить за проезд на каждой площади в зависимости от типа транспортного средства и времени в пути.Как показано на изображении ниже, волонтеры OSM решили создать 14 ссылок (пути) в этом месте. Полилиния маршрута в северном направлении будет включать ссылку из 14 звеньев. Полосы движения на север показаны под удлиненным коричневым овалом на изображении ниже.

OSM представляет дорожный шлагбаум Нью-Рошель. 14 платных постов показаны как 14 путей

Другие поставщики картографических услуг, такие как Google, HERE, Bing, TomTom, по-другому представляют дорогу, идущую на север. Эти картографические службы предпочли кодировать одну или две ссылки вместо 14 ссылок.Полосы движения на север показаны под коричневым овалом на следующих изображениях:

Карта Google (слева) и карта ЗДЕСЬ (справа) представляют северные полосы движения. В отличие от OpenStreetMap, Google и HERE использовали одну ссылку (ломаную линию) для представления 14 платных площадей и полос движения TomTom (слева) и MapQuest (справа) для представления полос движения на север. В отличие от OSM, TomTom и MapQuest используют две ссылки (ломаную линию) для представления 14 площадей для взимания платы за проезд: Bing (слева) и Waze (справа), представляющие северные полосы движения.В отличие от TomTom, MapQuest и Bing, которые используют две ссылки, Waze, Google, ЗДЕСЬ используют одну ссылку (ломаную линию) для представления 14 площадей для взимания платы за проезд, Apple Maps (слева), Яндекс (в центре), wikimapia (справа), представляющих северные полосы. Как и Waze, Google, карты HERE, карты Apple, Яндекс и wikimapia, используют 1 ссылку (полилинию) для представления 14 платных пунктов

. Каждая из картографических служб имеет различные концептуальные модели данных физического мира. Например, в OpenStreetMap каждый объект представляет собой одну или несколько геометрических фигур с прикрепленными данными атрибутов.Поскольку каждый картографический сервис использует свою собственную концептуальную модель для создания онлайн-карт, он отличается от других карт.

Как показано на изображении ниже, API маршрутизации Google, HERE и OSM предоставляют разные ломаные линии для одной и той же дороги. Полилиния с карты HERE показана фиолетовым цветом и находится к востоку от полилиний от Google (показаны синим цветом) и OSM (показаны зеленым цветом).

Полилинии из HERE map Route API, Google Map Direction API и OSM. TollGuru Toll API вычисляет информацию о платных дорогах для каждой из картографических платформ

TollGuru Toll API Solution

TollGuru REST API разработал концептуальную модель собственных алгоритмов для работы с каждой из картографических платформ, описанных ранее.Конечная точка Toll API для получения ломаной линии от любой картографической службы:

  https://dev.tollguru.com/v1/calc/route  

Дорожные сборы возвращаются за такие виды оплаты, как транспондеры (например, E-ZPass, TxTag и т. Д.), Наличные, сборы за номерные знаки (оплата по почте, оплата по номеру и т. Д.), Предоплаченная карта (например, Nexpress, Nexus Card и т. Д.) .) и кредитной картой в определенной валюте. Например, дорожные сборы в США по умолчанию возвращаются в долларах, в Мексике - в мексиканских песо и т. Д. Ответ на дорожный сбор включает следующие

  {
  "резюме": { ...
    },
    "leave_time": 1551541566
  },
  "маршрут": {
    "hasTolls": правда,
    "расходы": {
      «топливо»: 4,31,
      "otherCost": 10,
      «тег»: 2,46,
      "наличные": ложь,
      "licensePlate": 3,69,
      "кредитная карта": ложь,
      «Предоплаченная карта»: 2,46
    },
    "дорожные сборы": [
      {
        «id»: 131030,
        «шир»: 33.00225,
        «lng»: -96.77585,
        "name": "Портал Coit Main Lane Gantry (MLP7)",
        "дорога": "Президент Джордж Буш Тпке",
        "штат": "Техас",
        "тип": "барьер",
        «tagCost»: 1.34,
        «tagPriCost»: 1,34,
        "tagSecCost": ложь,
        "cashCost": ложь,
        "licensePlateCost": 2.01,
        «PreidCardCost»: 1,34,
        "creditCardCost": false,
        «валюта»: «доллары США»,
        "tagPrimary": [
          "TxTAG",
          "TollTag",
          "EZ TAG",
          «К-Тэг»
        ],
        "tagSecondary": [],
        "licensePlatePrimary": "ZipCash",
        "licensePlateSecondary": false,
        "DiscountCarDetails": false,
        "DiscountCarType": false,
        "DiscountTruckDetails": false,
        "DiscountTrucks": ложь,
        "height": "Нет"
      }
    ]
  }
}  

Дорожные сборы относятся к указанному транспортному средству.Если транспортное средство движется по платной дороге (например, по автостраде в Пенсильвании), где плата за проезд зависит от осей и веса транспортного средства, дорожные сборы возвращаются с учетом удельного веса. На следующем изображении показаны некоторые атрибуты информации о платных дорогах.

Свяжитесь с нами по адресу [email protected], если вы хотите запланировать демонстрацию или интегрировать TollGuru Map Independent Toll API в свой продукт.

О TollGuru

TollGuru, продукт MapUp Inc., рассчитывает плату за проезд для всех платных дорог, мостов и туннелей в США, Канаде, Мексике и Индии для всех типов транспортных средств.TollGuru предоставляет интеллектуальную платформу для обмена дорожными сборами и навигации.

Картографический сервис

TollGuru разработан для реальной Америки, где при выборе маршрута учитываются как затраты, так и время. TollGuru показывает более дешевые маршруты, которые не отображаются в других картографических приложениях, таких как карты Google, карты Apple, Waze, карты HERE, MapQuest, Scout GPS, Garmin и т. Д. В отличие от других картографических приложений, наши маршруты учитывают два вектора - время в пути и стоимость поездки. (топливо и дорожные сборы), чтобы предоставить платформу для принятия решений в режиме реального времени.

Интеграция карт

, Расширения интеграции пользовательского интерфейса Webix Docs

Продвинутый

Как включить

JS-файлов для этих компонентов не входят в пакет lib, их следует взять:

  
  
Библиотека

Webix позволяет встраивать географические карты в приложение с помощью собственных компонентов.Поддерживаются следующие карты:

  • Здесь Карта
  • Карта OpenStreet
  • Яндекс Карта
  • GoogleMap (поскольку версия 4.0 включена в основной пакет библиотеки)

Карты, относящиеся к пользовательскому интерфейсу, наследуются от представления.

Установка пути к компоненту

Вы можете указать путь к источникам нужной карты на CDN. На самом деле, есть три способа сделать это:

  • через свойство cdn в конфигурации представления.Таким образом можно указать путь к конкретной версии необходимой библиотеки или к локальному CDN
  • .
  • вообще не устанавливает никаких путей. В этом случае будет использоваться либо официальный CDN компонента , либо глобальный cdnjs (если там доступен источник компонента)
  • путем прямого включения всех исходных файлов компонента на страницу. В этом случае вы должны установить для свойства cdn значение false , чтобы избежать возможных конфликтов с версией компонента, включенной по умолчанию.

Инициализация

Шаг 1. Добавьте файл подключения

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

Расширения взяты с https://github.com/webix-hub/components. Обратите внимание, что в примерах документации они связаны другим способом, но вы должны следовать приведенным ниже шаблонам:

  
  

Связанный образец: Здесь Карта

  
  

Связанный образец: OpenStreet Map

  
  

Пример по теме: Интеграция: Яндекс Карта

Шаг 2. Укажите контейнер карты

Во-вторых, выберите, где на странице будет инициализирована карта.Вы можете отобразить его в любом HTML-элементе , определенном как контейнер карты :

  
 // 
webix.ui ({ контейнер: "mydiv", // конфигурация карты });

Дополнительно вы можете поместить карту в окно Webix:

  
 webix.ui ({
    view: "окно", id: "mapwin",
    body: {...}, // конфигурация карты
    head: {...}, // место для панели инструментов
    вверху: 50, слева: 50,
    width: 600, height: 500 // размеры и расположение окна
}).Показать(); 

Шаг 3. Создайте карту

В-третьих, создаст карту и назначит ей свойства в соответствии с вашими потребностями. Все конструкторы карт идентичны, отличаясь только именем вида карты .

Инициализация карты

  
 {
    view: "yandex-map", // или "here-map", "open-map"
    id: "карта",
    увеличение: 6,
    центр: [48.724, 8.215]
} 

Конфигурация карты

Свойства карты определяют начальное положение карты:

  • id (строка) - определяет уникальный идентификатор компонента
  • zoom (число) - определяет, насколько близко вы хотите быть к поверхности Земли
  • центр (массив) - устанавливает центр карты.Это массив из двух элементов (широты и долготы) с разделителями-запятыми.

Соответствующий образец: Яндекс Карта

Работа с картами

Получение объекта карты

Чтобы сделать онлайн-карты интерактивными, вы должны обращаться к справочнику API каждой из предоставляемых услуг. Для доступа к объекту карты вам необходимо использовать метод getMap () :

  
 var mapObj = $$ («карта»). GetMap (); 

Метод может принимать параметр waitMap .Если он передан, метод возвращает обещание, которое будет разрешено при визуализации карты.

  
 $$ ("карта"). GetMap (). Then (function (mapObj) {
    // какой-то код
}); 

Работа с Map API

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

Например:

  • , чтобы показать необходимый фрагмент карты по запросу, вы можете передать желаемый lat , lng и zoom в соответствующий метод карты:
  
 // для Яндекс карты
$$ ("карта").getMap (). setCenter ([широта, язык], масштабирование);

// для Here Map
$$ ("карта"). getMap (). setCenter ({лат: лат, lng: lng});

// для открытой карты
 $$ ("карта"). getMap (). panTo ([лат, lng]); 
  • , чтобы показать маркер на карте Яндекса, нужно сделать два шага:
    • создать экземпляр класса Placemark , который реализует маркеры
    • добавить маркер в коллекцию geoObjects (глобальная коллекция объектов карты):
  
 // для Яндекс карты
var myPlacemark = new ymaps.Метка ([lat, lang]);
$$ ("карта"). getMap (). geoObjects.add (myPlacemark); 

Обратите внимание, что вам необходимо проверить API каждой интегрированной карты, чтобы узнать ее методы, свойства и события.

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

Вернуться наверх

Все, что ваш отель должен знать об обновлении Google Maps

Несколько месяцев назад Google объявил о больших изменениях в своей платформе Google Maps. Эти изменения включали новую структуру ценообразования с оплатой по мере использования, которая требует, чтобы веб-сайты и приложения, которые превышают определенное количество «вызовов» в API Карт Google, использовали платные планы.

Исторически Maps API был бесплатной платформой, позволяющей многим компаниям по всему миру встраивать Google Map в свои веб-сайты. Эта функция часто содержит настраиваемую информацию, например маркер, который выделяет точное местоположение компании.

Официальный адрес электронной почты Google Maps Platform:

Естественно, повышение цен не оказалось популярным. В то время как некоторые компании уступили и заплатили сборы, которые взимает Google, другие изо всех сил пытались найти подходящую альтернативу.

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

Кроме того, отели используют API Карт Google для отображения своего местоположения, не отмечая на карте все другие близлежащие отели.

Результат бездействия при обновлении Google Maps

Если вы не обратили внимание ни на одно из предупреждений, отправленных Google Maps, вы могли заметить, что ваши пользовательские карты перестали работать пару недель назад и были заменены водяным знаком Google Maps:

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

Вы можете либо заплатить Google плату за обновление, которая действительно будет зависеть от вашего использования (т. Е. Уровня посещаемости вашего сайта). Или вы можете найти более дешевую альтернативу.

На приведенном выше графике показано, что во всем мире растет число людей, которые вводят запрос «Биллинг Google Maps API». Обратите внимание, что в июне наблюдается значительный всплеск после предупреждения, отправленного Google примерно в мае.

Бесплатные альтернативы Google Maps

К счастью, есть несколько бесплатных альтернатив API Карт Google, которые предоставляют почти те же функции, что и версия Google. Ниже мы перечислили три альтернативы. Ваш выбор из этих вариантов, вероятно, будет зависеть от уровня пропускной способности, используемой вашим веб-сайтом отеля, и типа функциональности, которую вы ищете.

1. OpenStreetMap

Помимо Google Maps, OpenStreetMap (OSM) должен быть одной из самых больших альтернатив, ориентированных на сообщества.Вдохновленный успехом Википедии, этот некоммерческий проект с открытым исходным кодом предлагает редактируемые карты мира. Эта услуга абсолютно бесплатна, если вы указали OSM при использовании.

OpenStreetMap имеет API редактирования (который в основном предназначен для использования программного обеспечения для редактирования карт) и Web Map Framework. Используя фреймворки (также называемые компонентами, модулями или комплектами для разработки программного обеспечения), разработчик может использовать OpenStreetMap на своих веб-сайтах или в программном обеспечении, таком как приложение.

Существует огромное количество фреймворков, которые связаны с OSM.Одним из наиболее популярных вариантов является Leaflet - библиотека JavaScript с открытым исходным кодом, которая использовалась для создания картографических веб-приложений, использующих сервер листов OSM.

Пример веб-сайта OpenStreetMap

Если вы веб-разработчик, желающий перейти с Google Maps на OSM, этот ресурс описывает, как это сделать, и преимущества этого, а также множество полезных советов для разработчиков.

# 2 TomTom

TomTom - еще один уважаемый и известный поставщик картографических решений.Как и OSN, TomTom предоставляет API-интерфейс для веб-разработчиков и разработчиков программного обеспечения, чтобы они могли глубже изучить и начать использовать свои картографические данные. Но в отличие от Open Street Maps, TomTom - это платный сервис. Тем не менее, по сравнению с Google Maps API, TomTom по-прежнему представляет собой гораздо более доступный вариант.

Разработчики могут воспользоваться ограниченным количеством бесплатных ежедневных транзакций (2500), а также доступны несколько хороших кредитных пакетов для малых предприятий. Так что, если вы хотите перейти с Google Maps, и вам не обязательно нужен полностью бесплатный поставщик, такой как OSM, TomTom может как раз соответствовать вашим требованиям.

# 3 API Яндекс Карт

Яндекс - самая популярная поисковая система в России. У него также есть собственное предложение API карт, которое работает намного дешевле, чем Google.

От плагинов JS API до базовых карт, предназначенных только для встраивания, Яндекс предлагает как простые, так и более продвинутые варианты в зависимости от ваших потребностей. Российский гигант поисковых систем заслуживает рассмотрения как гибкая и доступная альтернатива Google, хотя раньше вы могли и не замечать этого.

Пример веб-сайта Яндекс.Карт

Влияние на изменение API Карт Google для отелей

Мы заметили, что ряд довольно крупных отелей не предприняли никаких действий с тех пор, как Google объявил об этом обновлении.Это может быть связано с тем, что некоторым отелям еще предстоит определиться со своим следующим шагом. Другие могут все еще пытаться развернуть и развернуть новую платформу карт.

Какова бы ни была причина, модель принудительных платежей Google, вероятно, заставила множество отелей рассмотреть свои варианты. Хотя было бы проще принять модель платной подписки Google, многие отели (особенно небольшие и независимые) теперь будут искать альтернативы.

Несмотря на монополию Google в отрасли, веб-агентства должны оставаться открытыми для идеи перехода на другую платформу.Вооружившись приведенной выше информацией, мы рекомендуем вам рассмотреть одну из различных бесплатных альтернатив платформе Google Maps.

Нэнси Хуанг

Нэнси - старший директор по маркетингу в Pegasus и эксперт в области стратегических коммуникаций, развития брендов и контент-маркетинга. Она признается, что любит путешествовать и любит находить отличные предложения по отелям при прямом бронировании. Свяжитесь с ней по адресу [email protected]

Категории: Рекомендуемый веб-дизайн и взаимодействие с пользователем

Будьте в курсе последних тенденций в области распределения и маркетинга отелей.

Подпишитесь на информационный бюллетень Travel Tripper, чтобы получать последние новости, советы и ресурсы на свой почтовый ящик.

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

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