Ссылка на наш QTH- локатор для самых не терпеливых.

QTH LOCATOR | AMATEUR RADIO WORKSHOP | QSY.BY

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

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

К чему это предисловие. А вот к чему. Написал давече небольшой сервис на базе Yandex Map, чтобы как говориться каждый мог абсолютно бесплатно добавить к себе на сайт QTH локатор и не воровать контент.

Для начала разберемся с Yandex Map API, что это за зверь и с чем его едят. Для начала немного теории.

Что такое QTH-локатор

QTH-локатор — система приближенного указания местоположения объекта на поверхности земли, принятая в любительской радиосвязи. предназначена для определения расстояния между корреспондентами. известна также под названиями англ. grid square locator и англ. maidenhead locator system. название происходит от кодового выражения qth, которое означает «я нахожусь в …».
понятие qth – локатора как правило хорошо известно всем кто когда-либо работал на укв. с применением хорошей радиопередающей аппаратуры и увеличением перекрываемых расстояний на укв с 1 января 1985 года введена новая система qth-локатора.

Весь земной шар разбит на 324 сектора которые обозначаются двумя БОЛЬШИМИ буквами латинского алфавита и имеют следующие размеры:
– по широте – 10 градусов (1114,28 км);
– по долготе – 20 градусов (1560 км).

В свою очередь каждый такой сектор разбит еще на 100 больших квадратов которые обозначаются двумя ЦИФРАМИ и имеют следующие размерами:
– по широте – 1 градус (78 км);
– по долготе – 2 градуса (111,42 км).

Далее каждый такой большой квадрат разделен на 576 малых квадрата, эти малые квадраты обозначаются двумя МАЛЕНЬКИМИ буквами латинского алфавита и имеют следующие размерами:
– по широте – 2,5 минуты (4,64 км);
– по долготе – 5 минут (6,5 км).

Yandex Map API

Быстрый старт

Ниже приведены инструкции, как показать на странице простую карту.

  1. Получите API-ключ
  2. Подключите API
  3. Создайте контейнер для карты
  4. Создайте карту

Шаг 1. Получите API-ключ

Зайдите на страницу Кабинета Разработчика и нажмите кнопку Получить ключ. Во всплывающем окне выберите сервис «JavaScript API и HTTP Геокодер».

После заполнения формы появится надпись «Сервис успешно подключен». Созданный ключ будет доступен в разделе «Ключи». Его необходимо использовать в дальнейшем при подключении API.

Шаг 2. Подключите API

Добавьте в заголовок head HTML-страницы строку следующего вида:

  1. <head>
  2. <script src="https://api-maps.yandex.ru/2.1/?apikey=ваш API-ключ&lang=ru_RU" type="text/javascript">
  3. </script>
  4. </head>

Шаг 3. Создайте контейнер для карты

Создайте видимый контейнер ненулевого размера, в котором будет размещена карта. В качестве контейнера может использоваться любой HTML-элемент блочного типа (например, элемент div). Карта заполнит этот элемент полностью.

  1. <body>
  2. <div id="map" style="width: 600px; height: 400px"></div>
  3. </body>

Уникальный идентификатор контейнера (в примере это id=”map”) будет использоваться в следующем шаге для получения указателя на контейнер карты.

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

В JavaScript-коде создайте экземпляр карты. Конструктору нужно передать:
идентификатор HTML-контейнера;
центр карты;
коэффициент масштабирования.
Пример:

  1. <script type="text/javascript">
  2. // Функция ymaps.ready() будет вызвана, когда
  3. // загрузятся все компоненты API, а также когда будет готово DOM-дерево.
  4. ymaps.ready(init);
  5. function init(){
  6. // Создание карты.
  7. var myMap = new ymaps.Map("map", {
  8. // Координаты центра карты.
  9. // Порядок по умолчанию: «широта, долгота».
  10. // Чтобы не определять координаты центра карты вручную,
  11. // воспользуйтесь инструментом Определение координат.
  12. center: [55.76, 37.64],
  13. // Уровень масштабирования. Допустимые значения:
  14. // от 0 (весь мир) до 19.
  15. zoom: 7
  16. });
  17. }
  18. </script>

Поверяем работоспособность.

Клонируем репозиторий на GITHUB и в файле index.html вставляем свой ключь API полученный у Yandex.

  1. <script src="https://api-maps.yandex.ru/2.1/?apikey=ваш API-ключ8&lang=ru_RU" type="text/javascript">

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

Друзья. Если вам понравилась эта статья, поделитесь ей в социальных сетях. Обязательно напишите комментарий если у вас возникли вопросы. Мне важно ваше мнение. У нас есть групповой чат в Telegram, где вы можете оперативно задать вопрос и узнать о последних новостях.  И поддержите проект монеткой.

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.