Угловой ключ API ng-map после изменений API Google в июне 2018 года - PullRequest
Новая
       31

Угловой ключ API ng-map после изменений API Google в июне 2018 года

0 голосов
/ 23 июня 2018

Я получаю доступ к API карт Google с помощью ng-map в моем проекте Angular без каких-либо проблем.С июня 2018 года Google выпустил новую политику в отношении их API.Итак, я зарегистрировал свой проект и получил Api-ключ.Мои запросы геокодирования снова работают правильно.Но, к сожалению, моя карта все еще не работает должным образом.

Screenshot of map

Я реализовал подсказки ng-карты ReadMe:

Если вам нужно передать ключ API в javascriptВы можете установить переменную области видимости в вашем контроллере (например, $scope.googleMapsUrl="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE";).Это может быть установлено из постоянного значения в вашем приложении, чтобы стандартизировать ключ API для передачи в Google для нескольких контроллеров. 

<div map-lazy-load="https://maps.google.com/maps/api/js"
  map-lazy-load-params="{{googleMapsUrl}}">
  <ng-map center="41,-87" zoom="3"></ng-map>
</div>

К сожалению, это не помогает.В моей консоли Chrome я получаю это сообщение:

Chrome console google maps api message

Любые идеи будут великолепны.

Спасибо

Таймень

1 Ответ

0 голосов
/ 23 ноября 2018

В итоге мне пришлось добавить ключ к моей странице index.html: <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?libraries=places&key=[API key]"></script>

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

...