ionic2 - 谷歌地圖在瀏覽器中不起作用

Question

它的代碼低於我用來在我的頁面中顯示地圖。

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> 
   

Answer 1

由於您使用Google Maps從離子本土，它不會在瀏覽器中運行。 Ionic Native/Cordova plugins只能在模擬器/真實設備上工作只有