Реализация сервиса геокодера для карты OpenLayers в проекте Angular - PullRequest
Новая
       71

Реализация сервиса геокодера для карты OpenLayers в проекте Angular

0 голосов
/ 31 марта 2020

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

https://developer.here.com/blog/using-the-here-geocoder-api-for-javascript-in-an-angular-application

Проблема в том, что этот запрос требует «идентификатор приложения» и «код приложения» для аутентификации. На веб-сайте Here я обнаружил, что «код приложения» больше не выдается для аутентификации, а только для обеспечения большей безопасности используются только ключ API и токен OAuth (который у меня есть). При использовании apikey вместо «кода приложения» он отвечает с ошибкой «учетные данные недействительны для идентификатора приложения» , понятно. У меня возникают проблемы с поиском документации для этого объекта сервисной платформы, где я могу найти способ использовать ключ API вместо этого. Какие-либо предложения? Если я решу проблему аутентификации, я почти уверен, что это будет работать нормально.

Для большего контекста проекта у меня есть ограничение на использование картографического сервиса (OpenLayers), но не на третьем геокодерная служба На npm доступно несколько библиотек геокодирования, но все они либо устарели, либо не работают. Мое единственное последнее средство - создать собственный Http-запрос-ответ для другого внешнего API геокодирования (для которого у меня есть надлежащие учетные данные) - я сейчас тоже над этим работаю, но это занимает время, учитывая, что я новичок в Angular , Я просто хочу убедиться, что я попробовал все остальное с уже доступными службами, прежде чем я установил это с нуля. Пожалуйста, помогите!

1 Ответ

0 голосов
/ 01 апреля 2020

Я думаю, что всего за пару изменений вы готовы к go.

  1. Обновив версию API до 3.1, вы можете сделать это, просто изменив URL библиотеки в index.html.

от 

<script src="https://js.api.here.com/v3/3.0/mapsjs-core.js"
    type="text/javascript" charset="utf-8"></script>
<script src="https://js.api.here.com/v3/3.0/mapsjs-service.js"
    type="text/javascript" charset="utf-8"></script>

до 

<script src="https://js.api.here.com/v3/3.1/mapsjs-core.js"
    type="text/javascript" charset="utf-8"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-service.js"
    type="text/javascript" charset="utf-8"></script>
Обновите параметры инициализации платформы, это можно сделать, изменив конструктор HereService.

с 

this.platform = new H.service.Platform({
    "app_id": "APP-ID-HERE",
    "app_code": "APP-CODE-HERE"
});

на 

this.platform = new H.service.Platform({
  'apikey': '{YOUR_API_KEY}'
});

Это должно работать.

...