# Google Maps Native not Working

**URL:** <https://forum.ionicframework.com/t/google-maps-native-not-working/84678>\
**Category:** ionic-v3\
**Created:** [March 29, 2017, 5:42pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678 "2017-03-29T17:42:46Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![deltadax18](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/deltadax18/32/106113_2.png) [@deltadax18](https://forum.ionicframework.com/u/deltadax18)\
**Post date:** [March 29, 2017, 5:42pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/1 "2017-03-29T17:42:46Z")

</div>

I create a new fresh Project  
ionic start testMap blank --v2

then add google maps following the new documentation for Ionic Native 3

> <https://github.com/ionic-team/ionic-native-google-maps/blob/master/documents/README.md>

ionic build ios (Everything seems ok)

Then start the project from xcode and run it on a device.  
It boots up, but then the maps page is only a white big screen.  
Nothing happen.  
And on the console the last log is that the device is ready.  
allready check on the API Key and its ok, it has no restriccions.

What could be wrong?

My package

> {  
> “name”: “ionic-hello-world”,  
> “author”: “Ionic Framework”,  
> “homepage”: “[http://ionicframework.com/](http://ionicframework.com/)”,  
> “private”: true,  
> “scripts”: {  
> “clean”: “ionic-app-scripts clean”,  
> “build”: “ionic-app-scripts build”,  
> “ionic:build”: “ionic-app-scripts build”,  
> “ionic:serve”: “ionic-app-scripts serve”  
> },  
> “dependencies”: {  
> “@angular/common”: “2.4.8”,  
> “@angular/compiler”: “2.4.8”,  
> “@angular/compiler-cli”: “2.4.8”,  
> “@angular/core”: “2.4.8”,  
> “@angular/forms”: “2.4.8”,  
> “@angular/http”: “2.4.8”,  
> “@angular/platform-browser”: “2.4.8”,  
> “@angular/platform-browser-dynamic”: “2.4.8”,  
> “@angular/platform-server”: “2.4.8”,  
> “@ionic-native/core”: “3.1.0”,  
> “@ionic-native/geolocation”: “^3.4.2”,  
> “@ionic-native/google-maps”: “^3.4.2”,  
> “@ionic-native/splash-screen”: “3.1.0”,  
> “@ionic-native/status-bar”: “3.1.0”,  
> “@ionic/storage”: “2.0.0”,  
> “ionic-angular”: “2.3.0”,  
> “ionicons”: “3.0.0”,  
> “rxjs”: “5.0.1”,  
> “sw-toolbox”: “3.4.0”,  
> “zone.js”: “0.7.2”  
> },  
> “devDependencies”: {  
> “@ionic/app-scripts”: “1.1.4”,  
> “typescript”: “2.0.9”  
> },  
> “cordovaPlugins”: [  
> “ionic-plugin-keyboard”,  
> “cordova-plugin-whitelist”,  
> “cordova-plugin-console”,  
> “cordova-plugin-statusbar”,  
> “cordova-plugin-device”,  
> “cordova-plugin-splashscreen”  
> ],  
> “cordovaPlatforms”: [  
> “ios”,  
> {  
> “platform”: “ios”,  
> “version”: “”,  
> “locator”: “ios”  
> }  
> ],  
> “description”: “testMap: An Ionic project”  
> }

Home.ts

```
import {Component} from '@angular/core';

import {NavController, Platform} from 'ionic-angular';
import {
  GoogleMaps,
  GoogleMap,
  GoogleMapsEvent,
  LatLng,
  CameraPosition,
  MarkerOptions,
  Marker
} from '@ionic-native/google-maps';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController, private platform: Platform, private googleMaps: GoogleMaps) {
    platform.ready().then(() => {
      this.loadMap();
    });
  }

  loadMap() {
    // make sure to create following structure in your view.html file
    // and add a height (for example 100%) to it, else the map won't be visible
    // <ion-content>
    // <div #map id="map" style="height:100%;"></div>
    // </ion-content>

    // create a new map by passing HTMLElement
    let element: HTMLElement = document.getElementById('map');

    let map: GoogleMap = this.googleMaps.create(element);

    // listen to MAP_READY event
    // You must wait for this event to fire before adding something to the map or modifying it in anyway
    map.one(GoogleMapsEvent.MAP_READY).then(() => console.log('Map is ready!'));

    // create LatLng object
    let ionic: LatLng = new LatLng(43.0741904, -89.3809802);

    // create CameraPosition
    let position: CameraPosition = {
      target: ionic,
      zoom: 18,
      tilt: 30
    };

    // move the map's camera to position
    map.moveCamera(position);

    // create new marker
    let markerOptions: MarkerOptions = {
      position: ionic,
      title: 'Ionic'
    };

    map.addMarker(markerOptions)
      .then((marker: Marker) => {
        marker.showInfoWindow();
      });
  }

}

```

Home.html

```
<ion-header>
  <ion-navbar>
    <ion-title>
      Ionic Blank
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <div id="map"></div>
</ion-content>

```

Home.scss

> page-home {

> #map {  
> height: 100%;  
> }
> 
> }

---

<div class="post-metadata">

**Author:** ![williamdelvalle](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/williamdelvalle/32/107869_2.png) [@williamdelvalle](https://forum.ionicframework.com/u/williamdelvalle)\
**Post date:** [March 29, 2017, 6:47pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/2 "2017-03-29T18:47:10Z")

</div>

You are sure that you placed the div size in css.:

```
#map {
  height: 100%;
}

```

or

```
<ion-content>
  <div id="map" style="height: 100%;"></div>
</ion-content>
```

---

<div class="post-metadata">

**Author:** ![deltadax18](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/deltadax18/32/106113_2.png) [@deltadax18](https://forum.ionicframework.com/u/deltadax18)\
**Post date:** [March 29, 2017, 8:14pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/3 "2017-03-29T20:14:12Z")

</div>

Yes i only got this on the scss

```
page-home {

  #map {
    height: 100%;
  }
  
}
```

---

<div class="post-metadata">

**Author:** ![williamdelvalle](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/williamdelvalle/32/107869_2.png) [@williamdelvalle](https://forum.ionicframework.com/u/williamdelvalle)\
**Post date:** [March 29, 2017, 8:33pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/4 "2017-03-29T20:33:29Z")

</div>

> [@deltadax18](#):
>
> map.one(GoogleMapsEvent.MAP\_READY).then(() =\> console.log(‘Map is ready!’));

Try this:

```
map.on(GoogleMapsEvent.MAP_READY).subscribe(() => {console.log('Map is ready!')});

```

---

<div class="post-metadata">

**Author:** ![alfabetagama](https://avatars.discourse-cdn.com/v4/letter/a/8baadc/32.png) [@alfabetagama](https://forum.ionicframework.com/u/alfabetagama)\
**Post date:** [March 29, 2017, 8:53pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/5 "2017-03-29T20:53:27Z")

</div>

You also have to add Google maps to app.module.ts providers

providers: [  
BLE,  
GoogleMaps  
]

---

<div class="post-metadata">

**Author:** ![deltadax18](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/deltadax18/32/106113_2.png) [@deltadax18](https://forum.ionicframework.com/u/deltadax18)\
**Post date:** [March 29, 2017, 9:10pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/6 "2017-03-29T21:10:09Z")

</div>

Well I did another check with your suggestions and now the app is not just a white screen  
Now it has the ion-nav-bar  
But where the map should be is just a black screen.

Any ideas?

---

<div class="post-metadata">

**Author:** ![alfabetagama](https://avatars.discourse-cdn.com/v4/letter/a/8baadc/32.png) [@alfabetagama](https://forum.ionicframework.com/u/alfabetagama)\
**Post date:** [March 29, 2017, 9:38pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/7 "2017-03-29T21:38:51Z")

</div>

1. You should enable debugger to see if there are any errors.

> [@How do I debug the running webview in an Ionic 2 / iOS app?](https://forum.ionicframework.com/t/how-do-i-debug-the-running-webview-in-an-ionic-2-ios-app/62371/2):
>
> Just plug in your device via USB, open up Safari and ensure you have enabled the ‘Develop’ toolbar, and then go to Develop \> Your device. This will open up a remote debugging window.

2.also check that you are using IOS sdk API key, javascript api key wont work

> **[Maps SDK for iOS  |  Google for Developers](https://developers.google.com/maps/documentation/ios-sdk/get-api-key)**

3.try to uninstal plugin and install it again

---

<div class="post-metadata">

**Author:** ![deltadax18](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/deltadax18/32/106113_2.png) [@deltadax18](https://forum.ionicframework.com/u/deltadax18)\
**Post date:** [March 29, 2017, 9:55pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/8 "2017-03-29T21:55:50Z")

</div>

Well i guess I found out what the issue is, sort of.

Finnally got a white screen again but with the nav bar.  
And on the console i do see the Map is ready! log.  
And on the Google Console, i do get the request.  
So the map is loading somewhere.

So with the safari inspect i look at the propertys.  
and well trying to figure out i unchecked a css property and puff the maps showed!  
I thought it was a particular property, but it seemed to work with any property I uncheck,  
even if it was not from the map div  
The map is there, but it seems like the css has a white screen in front, or it dosnt load correctly.

I’ve try with this two hacks i found on github

> ion-nav.has-views {  
> background-color: transparent !important;  
> }

> ion-app._gmaps\_cdv_ .nav-decor{  
> background-color: transparent !important;  
> }

But none seems to solve the problem, even tried this

> ionViewWillEnter(): void {  
> document.getElementsByClassName(‘nav-decor’)[2].className += ’ hide’;  
> document.getElementsByClassName(‘nav-decor’)[3].className += ’ hide’;  
> }

> ionViewWillLeave(): void {  
> document.getElementsByClassName(‘nav-decor’)[2].className = ‘nav-decor’;  
> document.getElementsByClassName(‘nav-decor’)[3].className = ‘nav-decor’;  
> }

Found in here ['nav-decor' hides GoogleMap · Issue #7205 · ionic-team/ionic-framework · GitHub](https://github.com/driftyco/ionic/issues/7205)

But it just seem is a too old fix.

Any ideas?

---

<div class="post-metadata">

**Author:** ![alfabetagama](https://avatars.discourse-cdn.com/v4/letter/a/8baadc/32.png) [@alfabetagama](https://forum.ionicframework.com/u/alfabetagama)\
**Post date:** [March 29, 2017, 10:13pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/9 "2017-03-29T22:13:09Z")

</div>

I think it might be opacity.

This is my css, works for Javascript API and Android native plugin, didn’t test on IOS. Some of it may be old artifacts from previous tries 🙂

```
 #map_canvas {
      width: 100%;
      height: 100%;
      transition: opacity 150ms ease-in
    }

    #map_canvas.show-map {
      opacity: 1;
    }

    ion-app._gmaps_cdv_ .nav-decor{
      background-color: transparent !important;
    }

    .show-map {
      opacity: 1;
    }
```

---

<div class="post-metadata">

**Author:** ![ihadeed](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ihadeed/32/95258_2.png) [@ihadeed](https://forum.ionicframework.com/u/ihadeed)\
**Post date:** [March 29, 2017, 11:45pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/10 "2017-03-29T23:45:06Z")

</div>

See my basic Google Map component here: [https://github.com/ihadeed/ionic-native-playground/blob/master/src/components/google-map/google-map.ts](https://github.com/ihadeed/ionic-native-playground/blob/master/src/components/google-map/google-map.ts)

---

<div class="post-metadata">

**Author:** ![deltadax18](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/deltadax18/32/106113_2.png) [@deltadax18](https://forum.ionicframework.com/u/deltadax18)\
**Post date:** [March 30, 2017, 8:19pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/11 "2017-03-30T20:19:56Z")

</div>

Try This and no luck.

Well now I still on this point

app.scss

```
ion-nav.has-views {
  background-color: transparent !important;
}

```

home.scss

```
ion-app._gmaps_cdv_ .nav-decor{
  background-color: transparent !important;
}

page-home {

  #map {
    height: 100%;
  }

}

```

home.ts

```
constructor(public navCtrl: NavController,
              private googleMaps: GoogleMaps,
              private platform: Platform) {

    platform.ready().then(()=>{
      console.log("PLATFORM READY!");
      this.loadMap();
    });

  }

  loadMap() {
    // make sure to create following structure in your view.html file
    // and add a height (for example 100%) to it, else the map won't be visible
    // <ion-content>
    // <div #map id="map" style="height:100%;"></div>
    // </ion-content>

    // create a new map by passing HTMLElement
    let element: HTMLElement = document.getElementById('map');

    let map: GoogleMap = this.googleMaps.create(element);

    // listen to MAP_READY event
    // You must wait for this event to fire before adding something to the map or modifying it in anyway
    map.on(GoogleMapsEvent.MAP_READY).subscribe(() => {
      console.log('Map is ready!');

      // create LatLng object
      let ionic: LatLng = new LatLng(43.0741904, -89.3809802);

      // create CameraPosition
      let position: CameraPosition = {
        target: ionic,
        zoom: 18,
        tilt: 30
      };

      // move the map's camera to position
      map.moveCamera(position);

      // create new marker
      let markerOptions: MarkerOptions = {
        position: ionic,
        title: 'Ionic'
      };

      map.addMarker(markerOptions)
        .then((marker: Marker) => {
          marker.showInfoWindow();
        });

    });

  }

```

home.html

```
<ion-header>
  <ion-navbar>
    <ion-title>
      Ionic Blank
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <div id="map"></div>
</ion-content>

```

I Got a White Screen

 ![image](https://global.discourse-cdn.com/ionicframework/original/3X/0/f/0fac9fe69fa5adc6493576181802741cccc949d1.PNG)  
 ![image](https://global.discourse-cdn.com/ionicframework/original/3X/6/4/64d48bf4c67870c5cd7db7886efd3f855d22296b.png)

And if i go to Safari Inspector and uncheck any CSS Propertys the map shows!

Unchecked any property and the map shows!  
 ![image](https://global.discourse-cdn.com/ionicframework/original/3X/9/1/91736e99c38c918f04d05c49b72dcb901429a090.png)

 ![image](https://global.discourse-cdn.com/ionicframework/original/3X/2/c/2cce0787d7572f1fd101be0e188ad6c8a32c3093.PNG)

---

<div class="post-metadata">

**Author:** ![deltadax18](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/deltadax18/32/106113_2.png) [@deltadax18](https://forum.ionicframework.com/u/deltadax18)\
**Post date:** [March 30, 2017, 8:50pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/12 "2017-03-30T20:50:04Z")

</div>

Try using the code from your project  
But it doesn’t run, I just get a big white screen.  
☹

---

<div class="post-metadata">

**Author:** ![ihadeed](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ihadeed/32/95258_2.png) [@ihadeed](https://forum.ionicframework.com/u/ihadeed)\
**Post date:** [March 30, 2017, 8:56pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/13 "2017-03-30T20:56:55Z")

</div>

Did you install the plugin correctly with a valid API key?

---

<div class="post-metadata">

**Author:** ![deltadax18](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/deltadax18/32/106113_2.png) [@deltadax18](https://forum.ionicframework.com/u/deltadax18)\
**Post date:** [March 30, 2017, 9:01pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/14 "2017-03-30T21:01:58Z")

</div>

Yes, I used the same installation I allready have that is working like in here [Google Maps Native not Working](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/11)

And copy your page and component code  
And set the app component to use your page as root.  
And I only get this.

 ![image](https://global.discourse-cdn.com/ionicframework/original/3X/b/f/bf4cde641cf00b6f33f1f34f74d6c640add8ce4d.PNG)

And Import the page and Component on App Module

app.module.ts

```
@NgModule({
  declarations: [
    MyApp,
    HomePage,
    GoogleMapComponent,
    GoogleMapsPage
  ],
  imports: [
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage,
    GoogleMapsPage
  ],
  providers: [
    GoogleMaps,
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})

```

google-maps.ts

```
import { Component } from '@angular/core';

@Component({
  selector: 'page-google-maps',
  templateUrl: 'google-maps.html'
})
export class GoogleMapsPage {

  onMapClick(e) {
    console.log('map was clicked', e);
  }

  onMapReady(e) {
    console.log('map is ready', e);
  }

}

```

google-maps.html

```
<ion-header>

  <ion-navbar color="primary">
    <ion-title>Google Maps</ion-title>
  </ion-navbar>

</ion-header>

<ion-content>

  <google-map (mapClick)="onMapClick($event)" (mapReady)="onMapReady(e)"></google-map>

</ion-content>

```

google-map.ts

```
@Component({
  selector: 'google-map',
  template: ''
})
export class GoogleMapComponent implements OnInit {

  private mapContainer: HTMLElement;

  map: GoogleMap;

  private isInit: boolean = false;

  _height: string = '100%';
  @Input()
  set height(val: string) {
    this._height = val;
    this.isInit && this.setHeight();
  }

  get height(): string {
    return this._height;
  }

  _width: string = '100%';
  @Input()
  set width(val: string) {
    this._width = val;
    this.isInit && this.setWidth();
  }

  get width() {
    return this._width;
  }

  @Output()
  mapClick: EventEmitter<any> = new EventEmitter<any>();

  @Output()
  mapReady: EventEmitter<GoogleMap> = new EventEmitter<GoogleMap>();

  constructor(
    private platform: Platform,
    private renderer: Renderer,
    private el: ElementRef,
    private googleMaps: GoogleMaps
  ) {
    this.mapContainer = el.nativeElement;
  }

  ngOnInit() {

    this.setupContainer();

    this.platform.ready()
      .then(() => {
        this.map = this.googleMaps.create(this.mapContainer);

        this.map.one(GoogleMapsEvent.MAP_READY)
          .then(() => {
            this.mapReady.emit(this.map);
            this.isInit = true;
          });

        this.map.on(GoogleMapsEvent.MAP_CLICK)
          .subscribe(data => this.mapClick.emit(data));

      });

  }

  ngOnDestroy() {
    this.map.remove();
  }

  private setupContainer() {
    this.setWidth();
    this.setHeight();

    // set display block
    this.renderer.setElementStyle(this.mapContainer, 'z-index', '1000');
    this.renderer.setElementStyle(this.mapContainer, 'display', 'block');
  }

  private setWidth() {
    this.renderer.setElementStyle(this.mapContainer, 'width', this._width);
  }

  private setHeight() {
    this.renderer.setElementStyle(this.mapContainer, 'height', this._height);
  }

}
```

---

<div class="post-metadata">

**Author:** ![deltadax18](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/deltadax18/32/106113_2.png) [@deltadax18](https://forum.ionicframework.com/u/deltadax18)\
**Post date:** [March 30, 2017, 9:09pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/15 "2017-03-30T21:09:13Z")

</div>

I Just upload the code here

> **[jose-cabrera/Ionic2-google-maps-native](https://github.com/jose-cabrera/Ionic2-google-maps-native)**
>
> Ionic2-google-maps-native - Test Proyect of Google Maps Native

So it’s easer to check.  
Still not able to run ionic native google maps on iOS.

---

<div class="post-metadata">

**Author:** ![ihadeed](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ihadeed/32/95258_2.png) [@ihadeed](https://forum.ionicframework.com/u/ihadeed)\
**Post date:** [March 30, 2017, 9:27pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/16 "2017-03-30T21:27:52Z")

</div>

Can’t see what’s wrong with it.

Instead of setting that page as your root page, try pushing it through `HomePage`'s NavController.

It is possible that the map is initializing before the view is ready (since I have `ngOnInit` instead of `ngAfterViewInit`).

---

<div class="post-metadata">

**Author:** ![deltadax18](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/deltadax18/32/106113_2.png) [@deltadax18](https://forum.ionicframework.com/u/deltadax18)\
**Post date:** [March 31, 2017, 12:51pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/17 "2017-03-31T12:51:19Z")

</div>

I did what you ask me.  
And now it works! and is just exactly what I Need.  
thanks for the support!

---

<div class="post-metadata">

**Author:** ![mkanmori](https://avatars.discourse-cdn.com/v4/letter/m/da6949/32.png) [@mkanmori](https://forum.ionicframework.com/u/mkanmori)\
**Post date:** [April 7, 2017, 1:48pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/19 "2017-04-07T13:48:55Z")

</div>

> [@ihadeed](#):
>
> Instead of setting that page as your root page, try pushing it through HomePage’s NavController.

Is this implemented in your repository as I would like to try this out, I’m also having issues getting this working.  
Thanks

---

<div class="post-metadata">

**Author:** ![ReyPorto](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/reyporto/32/109452_2.png) [@ReyPorto](https://forum.ionicframework.com/u/ReyPorto)\
**Post date:** [May 14, 2017, 11:13pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/20 "2017-05-14T23:13:21Z")

</div>

Hi,

I have problems loading the map, I do not know if it will be the same. But when loading. It does so in the following way:

![image](https://global.discourse-cdn.com/ionicframework/original/3X/f/6/f697464999e615a8cf33c61eb777b9a07cf7359e.png)

I need help ☹

---

<div class="post-metadata">

**Author:** ![envmBw](https://avatars.discourse-cdn.com/v4/letter/e/e9c0ed/32.png) [@envmBw](https://forum.ionicframework.com/u/envmBw)\
**Post date:** [May 16, 2017, 11:35pm UTC](https://forum.ionicframework.com/t/google-maps-native-not-working/84678/21 "2017-05-16T23:35:40Z")

</div>

Thanks, thanks 😃

[Next page](https://forum.ionicframework.com/t/google-maps-native-not-working/84678.md?page=2)