URL-адрес API статической карты Google не работает в Android

#android #cordova #ionic-framework #google-static-maps

Вопрос:

Мы используем статический URL-адрес карты Google в нашем ионном приложении, которое отлично работает в IOS и не работает в Android. Мы добавили ключ API вместе с URL-адресом, и URL-адрес работает в настольном браузере и на устройстве iOS. Но он не работает на устройстве Android и отображается пустым (белым) пространством. У меня есть следующий код ниже home.scss

 testmap-image {

  .mapcontainer {

position: relative;

img-loader {

  width: 100%;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  ion-spinner {
    height: 100px;
  }
}
  }
}
 

home.html

 <div class="map-container">
  <img-loader *ngIf="getUrl"
              [src]="getUrl"
              width="100%"
              height="100px"
              backgroundSize="cover"
              backgroundPosition="center"  
              >
    </img-loader>
</div>
 

В приведенном выше коде я получаю правильный URL-адрес из метода getURL ().

URL-адрес : https://maps.googleapis.com/maps/api/staticmap?center=,22, маркет-стрит, Мумбаи,Индияamp;масштаб=15amp;размер=650x150amp;ключ=xxxxxxxxxxxxxxxxxxxx

Не могли бы вы, пожалуйста, сообщить мне, в чем может быть проблема и почему она не работает на устройстве Android?

С уважением

Комментарии:

1. Вы можете открыть консоль разработчика со своего рабочего стола: developer.chrome.com/docs/devtools/remote-debugging Может быть, вы узнаете, что идет не так таким образом

2. Если я отлажу приложение, мы получим URL-адрес локального кэша вместо URL-адреса статической карты Google. мы получаем код ниже <img-загрузчик backgroundposition=»центр» backgroundsize=»обложка» высота=»100 пикселей» ширина=»100%» _nghost-c0=»» стиль=»дисплей: блок; высота: 150 пикселей; ширина: 100%; размер фона: обложка; фон-повтор: без повтора; фоновое изображение: url («файл:///данные/пользователь/0/com.abc.тест/кэш/mapscache/302464373″);»> <img-загрузчик backgroundposition=»центр» backgroundsize=»обложка» высота=»100 пикселей» ширина=» 100%» _nghost-c0=»»стиль=» дисплей: блок; высота: 150 пикселей; ширина: 100%; размер фона: обложка; фон-повторение: нет повторения; фоновое изображение: url («файл:///данные/пользователь/0/com.abc.тест/кэш/mapscache/302464373″); » ></img-загрузчик> . Вместо URL-адреса статической карты Google это (файл:///данные/пользователь/0/com.abc.тест/кэш/mapscache/302464373amp;quot) передается. Может ли кто-нибудь иметь какое-либо представление об этом?

3. А, я вижу, ты используешь кордову. 1. Вы должны обновить вопрос с помощью этой информации 2. Есть ли какие-либо ошибки в журнале браузера или logcat?