# Google maps native documentation not working

**URL:** <https://forum.ionicframework.com/t/google-maps-native-documentation-not-working/92906>\
**Category:** ionic-v3\
**Created:** [June 3, 2017, 5:28pm UTC](https://forum.ionicframework.com/t/google-maps-native-documentation-not-working/92906 "2017-06-03T17:28:54Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![francocor4](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@francocor4](https://forum.ionicframework.com/u/francocor4)\
**Post date:** [June 3, 2017, 5:28pm UTC](https://forum.ionicframework.com/t/google-maps-native-documentation-not-working/92906/1 "2017-06-03T17:28:54Z")

</div>

The documentation for the native map is not working, it shows me a blank page, i dont know what can be possibly wrong. Please help

---

<div class="post-metadata">

**Author:** ![Sujan12](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/sujan12/32/108395_2.png) [@Sujan12](https://forum.ionicframework.com/u/Sujan12)\
**Post date:** [June 3, 2017, 7:15pm UTC](https://forum.ionicframework.com/t/google-maps-native-documentation-not-working/92906/2 "2017-06-03T19:15:25Z")

</div>

Well, dozens of people are using it from the documentation - so I would bet that the problem is more on your side…

What exactly did you do and implement?

---

<div class="post-metadata">

**Author:** ![francocor4](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@francocor4](https://forum.ionicframework.com/u/francocor4)\
**Post date:** [June 3, 2017, 7:55pm UTC](https://forum.ionicframework.com/t/google-maps-native-documentation-not-working/92906/3 "2017-06-03T19:55:31Z")

</div>

I do the same code that is in the current documentation , and i get a blank page. This is my console.logs from the code

```auto
let element: HTMLElement = document.getElementById('map');
console.log("element", element)
//<img id="map" src="https://maps.googleapis.com/maps/api/staticmap?center=-38.0618359,-57…rs=size:mid%7Ccolor:0xff0000%7Clabel:%7C-38.0618359,-57.546104000000014" class="_gmaps_cdv_" style="background-color: rgba(0, 0, 0, 0);">

let map: GoogleMap = this.googleMaps.create(element);
 console.log("map", map)
//GoogleMap {_objectInstance: App}

let ionic: LatLng = new LatLng(43.0741904, -89.3809802);
console.log("latlo", ionic)
//LatLng {lat: 43.0741904, lng: -89.3809802}

let position: CameraPosition = {
        target: ionic,
         zoom: 18,
         tilt: 30
                };
   console.log("position", position)
//Object {target: LatLng, zoom: 18, tilt: 30}

```

there are all fine. i dont know what can be the problem.Also i do the this.initmap() function inside the ngAfterInitView. Is that correct?, and i have on the view \<div #map id=“map” style=“height: 100%”\>

---

<div class="post-metadata">

**Author:** ![francocor4](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@francocor4](https://forum.ionicframework.com/u/francocor4)\
**Post date:** [June 5, 2017, 1:02pm UTC](https://forum.ionicframework.com/t/google-maps-native-documentation-not-working/92906/4 "2017-06-05T13:02:25Z")

</div>

I tried in a blank project and it works, so the documentation is not the problem. I have a sidemenu project and that is where it doesn’t work.Anyone know if there is a bug refered to that