2017-07-12 8 views
1

に動作していない:Googleマップは、私は私のイオン2アプリケーションでGoogle MapsのAPIをロードしようとすると、私はこのエラーを取得するイオン2アプリケーション

キャッチされない(約束で):TypeError例外:プロパティを読み取ることができません「のfirstChild」のヌルはTypeError:新しいUGでObject._.pg(http://maps.google.com/maps/api/js?key=AIzaSyBOclEsMjwSHU-ec6OoGo6BB3FM91ixnJ0:85:391)でヌルのプロパティ 'のfirstChild' を読み取ることができません

これらは私のimport文です:

import { Platform, NavController, ModalController,IonicPage, NavParams } 
    from 'ionic-angular'; 
    import {} from '@types/googlemaps'; 
    import { GoogleMap, GoogleMapsEvent, LatLng } from '@ionic-native/google- 
    maps'; 

これらは私が実行したコマンドは次のとおりです。

1)NPMインストール--save)タイプ/グーグルマップ@ NPMをインストール--save-DEV --save-正確2 イオンネイティブ/グーグルマップ@

<script src="http://maps.google.com/maps/api/js?key='AIzaSyBOclEsMjwSHU- 
    ec6OoGo6BB3FM91ixnJ0'"></script> 

もで添加しましたindex.html内のタグの終わりと他のすべてのスクリプト参照。 (あなたが見ることができるように、私はAPIキーを持っています、そして、私は一重引用符を付けて、それを加えました、そして、同じエラーをまだ受け取ります)コード内にハイライト表示されている(下線付きの)エラーがないことを確認してください。

なぜこのエラーが発生し、どうすれば解決できますか?

答えて

2

まず、ネイティブgoogle mapsプラグイン用にウェブスクリプトApiを含めるのはなぜですか?

あなたはネイティブのGoogleを使用したい場合は以下の手順に従ってくださいは

Ionic Native Google Maps

マップと、このエラーが発生したときのDOM要素の前にスクリプトがロードされます。再度プロジェクトを開始し、ネイティブのGoogleマッププラグインを使用してください。

GoogleマップのJsライブラリを使用したい場合は、このチュートリアルに従ってください

Ionic 2 how to use google maps

おかげ

+0

ありがとうございました!ジョシュ・モロニーのチュートリアル(イオン2はGoogleマップを使用する方法)は –

+0

@ sidharthramananが役に立ったと答えたときにこれをマークしてください:) thanks –

+0

ネイティブgoogle mapsのチュートリアルは私のためには機能しません – Shreya

関連する問題