android keys

src/app/components/tracking/tracking.component.ts

@@ -3,6 +3,8 @@ import { GoogleMap } from '@capacitor/google-maps';
 import { environment } from 'src/environments/environment';
 import { Location, Locations } from '../../interfaces/location';
 import { MarkerEl } from '../../interfaces/marker';
+import {Platform} from "@ionic/angular";
+
 @Component({
   selector: 'app-tracking',
   templateUrl: './tracking.component.html',
@@ -11,7 +13,8 @@ import { MarkerEl } from '../../interfaces/marker';
 export class TrackingComponent implements OnInit {
 
   @ViewChild('map') public mapEl: ElementRef<HTMLElement>;
-
+  ios: boolean;
+  android: boolean;
   public map: GoogleMap;
 
   public heading: string = null;
@@ -29,7 +32,10 @@ export class TrackingComponent implements OnInit {
 
   private ids: Array<string> = [];
 
-  constructor() {
+  constructor(public platform: Platform) {
+    this.ios = platform.is('ios');
+    this.android = platform.is('android');
+
     this.heading      = 'Select a country from the above menu';
     this.description  = 'Interact with the markers that are displayed for each selected country';
     setTimeout(async () => {
@@ -56,7 +62,7 @@ export class TrackingComponent implements OnInit {
     this.map = await GoogleMap.create({
       id: 'google-map',
       element: this.mapEl.nativeElement,
-      apiKey: environment.keys.googleMaps,
+      apiKey: (this.ios== true ) ?environment.keys.googleMapsIOS : environment.keys.googleMapsAndroid,
       forceCreate: true,
       config: {
         center: {

src/environments/environment.ts

@@ -7,7 +7,10 @@ export const environment = {
   facebookAppId: '677857427521030',
   loginSocial: true,
   keys: {
-    googleMaps: 'AIzaSyCvsRozdnd1i1KBGWC6ewe1RaJYuGbrk3s'
+    googleMapsIOS: 'AIzaSyCvsRozdnd1i1KBGWC6ewe1RaJYuGbrk3s',
+    googleMapsAndroid: 'AIzaSyBpDdTIvZ8nAAuI2S6erK3zuvVSKBj-T2k',
+
   }
 };
 
+//AIzaSyBpDdTIvZ8nAAuI2S6erK3zuvVSKBj-T2k  Anriod key