2017-08-04 13 views
0

私のページにマップを表示するために使用しているコードです。あなたはイオン性ネイティブからGoogle Mapsを使用しているのでionic2 - Googleマップがブラウザで動作しない

  1. tsが

    import { 
        GoogleMaps, 
        GoogleMap, 
        GoogleMapsEvent, 
        LatLng, 
        CameraPosition, 
        MarkerOptions, 
        Marker 
    } from '@ionic-native/google-maps'; 
    
    export class MapPage { 
    
    constructor(private googleMaps: GoogleMaps){} 
    
        ngAfterViewInit() { 
        this.loadMap(); 
        } 
    
        loadMap() { 
        let element: HTMLElement = document.getElementById('map'); 
        let map: GoogleMap = this.googleMaps.create(element); 
        map.one(GoogleMapsEvent.MAP_READY).then(() => { 
          console.log('Map is ready!'); 
        }); 
        } 
    } 
    
  2. HTMLコードブロック

    <div #map id="map" style="height:100%;"></div> 
    
+0

なぜ動作しないのですか?エラーに関するすべての関連情報を追加してください。そうでなければ、私たちはあなたを助けることができませんでした。( – sebaferreras

+0

コンソールでエラーが表示されず、空白の画面しか表示されない –

答えて

1

を提出、それはブラウザ上で動作しません。 Ionic Native/Cordova pluginsは、シミュレータ/リアルデバイスでのみ動作しますのみ

+1

ありがとう、問題は解決しました。あなたに助けを求める –

+0

それを聞いてうれしい:)もちろん、あなたが助けを必要とする場合は、質問を編集したり、新しいものを自由に作成してください。 – sebaferreras

関連する問題