Блог

У меня есть приложение NativeScript Angular, которое должно отображать карту и выполнять некоторые вычисления времени в пути. Очевидно, что Google Maps — мой основной выбор. Я создал новый проект в своей консоли разработчика Google, создал новый ключ API для 2 API: Maps SDK для Android и Distance Matrix API. Используя этот ключ API, я попытался добавить код в свое приложение, следуя примеру, показанному в репозитории GitHub nativescript-google-maps-sdk. Когда я пытаюсь запустить приложение в эмуляторе, я не вижу его:

Компонент загружен правильно, потому что я вижу «Посмотреть карту ниже!» label. Вот HTML-код моего компонента:

 <ActionBar title="Map Demo" class="action-bar">
</ActionBar>

<GridLayout rows="auto, *">
    <Label row="0" text="See map below!"></Label>"
    <MapView row="1" (mapReady)="onMapReady($event)" iosOverflowSafeArea="true"></MapView>
</GridLayout>  

Мой ключ API действителен, потому что я протестировал его в простом приложении, созданном в Android Studio, и там я могу видеть карту:

Может ли кто-нибудь пролить свет на то, что я делаю не так? Любое предложение будет высоко оценено.

Спасибо, Эдди