# Google maps native problem

**URL:** <https://forum.ionicframework.com/t/google-maps-native-problem/54311>\
**Category:** ionic-v3\
**Created:** [June 9, 2016, 5:30am UTC](https://forum.ionicframework.com/t/google-maps-native-problem/54311 "2016-06-09T05:30:30Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![MiriK](https://avatars.discourse-cdn.com/v4/letter/m/ec9cab/32.png) [@MiriK](https://forum.ionicframework.com/u/MiriK)\
**Post date:** [June 9, 2016, 5:30am UTC](https://forum.ionicframework.com/t/google-maps-native-problem/54311/1 "2016-06-09T05:30:30Z")

</div>

Hi,

i try to start run a google maps native, but maps cant show to me.

I started from scetch.

1. ionic start test --ts --v2
2. ionic plugin add cordova-plugin-googlemaps --variable API\_KEY\_FOR\_ANDROID=“AIza…” --variable API\_KEY\_FOR\_IOS=“AIza…”
3. then update page1  
**page1.ts**

```auto
import {Component} from "@angular/core";
import {GoogleMap, GoogleMapsEvent, GoogleMapsLatLng} from 'ionic-native';

@Component({
  templateUrl: 'build/pages/page1/page1.html',
})
export class Page1 {
  constructor() {
  }
  onViewDidEnter(){
    // somewhere in your component
    let map = new GoogleMap('map');
  // var GOOGLE = new GoogleMapsLatLng(37.422858, -122.085065);
    map.on(GoogleMapsEvent.MAP_READY).subscribe(() => console.log("Map is ready!"));
  }
}

```

**page1.html**

```auto
    <ion-navbar *navbar>
      <ion-title>Tab 1</ion-title>
    </ion-navbar>

    <ion-content padding class="page1">
      <h2>Welcome to Ionic!</h2>

        <div id="map" style="width: 400px; height:400px; background-color: #999"></div>
    </ion-content>

```

1. ionic run android (with connected device - android 5.1.1)

Now i see only gray div without maps.  
Anyone help me? I dont know what im doing wrong.  
Thanks for help.

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [June 10, 2016, 3:45pm UTC](https://forum.ionicframework.com/t/google-maps-native-problem/54311/2 "2016-06-10T15:45:27Z")

</div>

Can you remote inspect and see if there are any errors in your console? There could be something setup incorrectly and an error printed out there.

---

<div class="post-metadata">

**Author:** ![cristianguedes](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/cristianguedes/32/102048_2.png) [@cristianguedes](https://forum.ionicframework.com/u/cristianguedes)\
**Post date:** [July 15, 2016, 9:02pm UTC](https://forum.ionicframework.com/t/google-maps-native-problem/54311/3 "2016-07-15T21:02:35Z")

</div>

Same here. No error displayed when debugging. I can call “map.showDialog()”. Dialog apperas. But div remains blank.

---

<div class="post-metadata">

**Author:** ![MiriK](https://avatars.discourse-cdn.com/v4/letter/m/ec9cab/32.png) [@MiriK](https://forum.ionicframework.com/u/MiriK)\
**Post date:** [July 18, 2016, 1:12pm UTC](https://forum.ionicframework.com/t/google-maps-native-problem/54311/4 "2016-07-18T13:12:57Z")

</div>

In new version (Beta 9) is everything ok.

---

<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:** [July 18, 2016, 5:39pm UTC](https://forum.ionicframework.com/t/google-maps-native-problem/54311/5 "2016-07-18T17:39:08Z")

</div>

See the conversation here:

> [@Google Maps - don't work](https://forum.ionicframework.com/t/google-maps-dont-work/55637/4):
>
> Seems like an issue to log on [ionic-native](https://github.com/driftyco/ionic-native) You may join this discussion: [https://github.com/driftyco/ionic-native/issues/236](https://github.com/driftyco/ionic-native/issues/236)