# App is crashed when GoogleMaps create

**URL:** <https://forum.ionicframework.com/t/app-is-crashed-when-googlemaps-create/118893>\
**Category:** ionic-v3\
**Created:** [January 21, 2018, 8:29am UTC](https://forum.ionicframework.com/t/app-is-crashed-when-googlemaps-create/118893 "2018-01-21T08:29:19Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kawakami](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/kawakami/32/116632_2.png) [@Kawakami](https://forum.ionicframework.com/u/Kawakami)\
**Post date:** [January 21, 2018, 8:29am UTC](https://forum.ionicframework.com/t/app-is-crashed-when-googlemaps-create/118893/1 "2018-01-21T08:29:19Z")

</div>

I’ cant show Google Map on iOS.  
App is crashed when GoogleMaps create.  
Have you hit on any possible causes of the problem?

My Ionic conditions

```auto
cli packages: (/usr/local/var/nodebrew/node/v8.5.0/lib/node_modules)

    @ionic/cli-utils : 1.19.1
    ionic (Ionic CLI) : 3.19.1

global packages:

    cordova (Cordova CLI) : 7.1.0

local packages:

    @ionic/app-scripts : 3.1.7
    Cordova Platforms : ios 4.4.0
    Ionic Framework : ionic-angular 3.3.0

System:

    ios-deploy : 1.9.2
    ios-sim : 5.1.0
    Node : v8.5.0
    npm : 5.3.0
    OS : macOS High Sierra
    Xcode : Xcode 9.2 Build version 9C40b

Environment Variables:

    ANDROID_HOME : not set

Misc:

    backend : pro

```

```auto
  "dependencies": {
    "@angular/common": "4.1.2",
    "@angular/compiler": "4.1.2",
    "@angular/compiler-cli": "4.1.2",
    "@angular/core": "4.1.2",
    "@angular/forms": "4.1.2",
    "@angular/http": "4.1.2",
    "@angular/platform-browser": "4.1.2",
    "@angular/platform-browser-dynamic": "4.1.2",
    "@ionic-native/camera": "^3.12.1",
    "@ionic-native/core": "4.5.2",
    "@ionic-native/crop": "^4.4.2",
    "@ionic-native/facebook": "^4.2.1",
    "@ionic-native/file": "^3.12.1",
    "@ionic-native/google-maps": "^4.5.2",
    "@ionic-native/image-picker": "^3.12.1",
    "@ionic-native/keyboard": "^4.4.2",
    "@ionic-native/splash-screen": "3.10.2",
    "@ionic-native/status-bar": "3.10.2",
    "@types/lodash": "^4.14.85",
    "@types/moment": "^2.13.0",
    "@types/moment-timezone": "^0.5.1",
    "@types/uuid": "^3.4.2",
    "angularfire2": "^5.0.0-rc.3",
    "com.synconset.imagepicker": "https://github.com/Telerik-Verified-Plugins/ImagePicker",
    "cordova-ios": "4.4.0",
    "cordova-plugin-camera": "~2.4.1",
    "cordova-plugin-console": "1.0.5",
    "cordova-plugin-crop": "^0.4.0",
    "cordova-plugin-device": "1.1.4",
    "cordova-plugin-facebook4": "~1.9.1",
    "cordova-plugin-file": "~4.3.3",
    "cordova-plugin-googlemaps": "^2.1.1",
    "cordova-plugin-googlemaps-sdk": "git+https://github.com/mapsplugin/cordova-plugin-googlemaps-sdk.git",
    "cordova-plugin-ios-localized-strings": "^1.0.5",
    "cordova-plugin-splashscreen": "~4.0.1",
    "cordova-plugin-statusbar": "git+https://github.com/apache/cordova-plugin-statusbar.git",
    "cordova-plugin-telerik-imagepicker": "https://github.com/Telerik-Verified-Plugins/ImagePicker",
    "cordova-plugin-whitelist": "1.3.1",
    "dotenv": "^4.0.0",
    "firebase": "^4.6.0",
    "ionic-angular": "3.3.0",
    "ionic-plugin-keyboard": "~2.2.1",
    "ionicons": "3.0.0",
    "rxjs": "5.1.1",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.11"
  },

```

map.ts

```auto
import { GoogleMaps, GoogleMap, GoogleMapsEvent, GoogleMapOptions, CameraPosition, MarkerOptions, Marker } from '@ionic-native/google-maps';
import { Component } from "@angular/core/";

@Component({
  selector: 'map',
  templateUrl: 'map.html'
})
export class MapPage {
  map: GoogleMap;
  constructor() { }

  ionViewDidLoad() {
    this.loadMap();
  }

 loadMap() {

    this.map = GoogleMaps.create('map_canvas');

    // Wait the MAP_READY before using any methods.
    this.map.one(GoogleMapsEvent.MAP_READY)
      .then(() => {
        console.log('Map is ready!');
      });
  }
}

```

map.html

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

```

And google map api is valid status. in my google api developers console.

---

<div class="post-metadata">

**Author:** ![wf9a5m75](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/wf9a5m75/32/118692_2.png) [@wf9a5m75](https://forum.ionicframework.com/u/wf9a5m75)\
**Post date:** [January 22, 2018, 9:14pm UTC](https://forum.ionicframework.com/t/app-is-crashed-when-googlemaps-create/118893/2 "2018-01-22T21:14:58Z")

</div>

Please share your project files on github. I will check it.

---

<div class="post-metadata">

**Author:** ![Kawakami](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/kawakami/32/116632_2.png) [@Kawakami](https://forum.ionicframework.com/u/Kawakami)\
**Post date:** [January 23, 2018, 3:29am UTC](https://forum.ionicframework.com/t/app-is-crashed-when-googlemaps-create/118893/3 "2018-01-23T03:29:24Z")

</div>

Thank you for your help!  
This project is private.  
Please tell me github username.  
I would like to invite you.

---

<div class="post-metadata">

**Author:** ![wf9a5m75](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/wf9a5m75/32/118692_2.png) [@wf9a5m75](https://forum.ionicframework.com/u/wf9a5m75)\
**Post date:** [January 23, 2018, 4:49am UTC](https://forum.ionicframework.com/t/app-is-crashed-when-googlemaps-create/118893/4 "2018-01-23T04:49:06Z")

</div>

wf9a5m75

Please report issues of the maps to [https://github.com/mapsplugin/cordova-plugin-googlemaps/issues](https://github.com/mapsplugin/cordova-plugin-googlemaps/issues) next time

---

<div class="post-metadata">

**Author:** ![Kawakami](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/kawakami/32/116632_2.png) [@Kawakami](https://forum.ionicframework.com/u/Kawakami)\
**Post date:** [January 23, 2018, 6:11am UTC](https://forum.ionicframework.com/t/app-is-crashed-when-googlemaps-create/118893/6 "2018-01-23T06:11:57Z")

</div>

created issue

> <https://github.com/mapsplugin/cordova-plugin-googlemaps/issues/2017>

---

<div class="post-metadata">

**Author:** ![wf9a5m75](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/wf9a5m75/32/118692_2.png) [@wf9a5m75](https://forum.ionicframework.com/u/wf9a5m75)\
**Post date:** [January 23, 2018, 6:42am UTC](https://forum.ionicframework.com/t/app-is-crashed-when-googlemaps-create/118893/7 "2018-01-23T06:42:17Z")

</div>

Thanks you for your cooperation.

---

<div class="post-metadata">

**Author:** ![wf9a5m75](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/wf9a5m75/32/118692_2.png) [@wf9a5m75](https://forum.ionicframework.com/u/wf9a5m75)\
**Post date:** [November 1, 2018, 8:04pm UTC](https://forum.ionicframework.com/t/app-is-crashed-when-googlemaps-create/118893/8 "2018-11-01T20:04:21Z")

</div>

Update: some people access to the repository. I share you what the problem was.

His case was really rare case. He is Japanese and his application name contains Chinese characters.

The problem was Google Maps SDK for iOS itself. If application name contains non-English characters, then SDK crashes your app.

The solution is to set `short name` in your config.xml.

`<name short="(non-english app name)">(english app name)</name>`

> <https://github.com/mapsplugin/cordova-plugin-googlemaps/issues/2017#issuecomment-379001012>

---

<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:** [July 19, 2021, 9:54pm UTC](https://forum.ionicframework.com/t/app-is-crashed-when-googlemaps-create/118893/9 "2021-07-19T21:54:18Z")

</div>