Google지도가 이온 2에서 모달로 표시됩니다.

Question

이온 2에서 앱을 개발 중이며 모달로지도를 표시하고 싶습니다. 문제는 그것을 작동시킬 수 없다는 것입니다. 동일한 코드가 일반 페이지에서는 작동하지만 모달에서는 작동하지 않습니다. 나는 Google지도 API의 웹 버전과 심지어 기본 플러그인 cordova을 사용해 보았지만 결과는 페이지의지도를 작동하는 모달의 빈지도와 동일합니다. 어떤 조언이 어떻게 해결할 수 있습니까?

Answer 1

set the underneath page to transparent이어야합니다. 여기

입니다 모달지도를 호출 내 작업 코드

HTML

<ion-content [style.opacity]="isModal ? 0 : 1" padding> 
    <button ion-button item-right > 
    <ion-icon name="add" (click)="getLocation()"></ion-icon> 
    </button> 
</ion-content> 

getLocation() { 
    this.isModal = true; 
    let mapModal = this.modalCtrl.create(MapModalPage); 
    mapModal.onDidDismiss((data) => { 
    this.isModal = false; 
    if(data) { 
     this.location = data.location; 
     this.locImage = data.image; 
    } 
    }); 
    mapModal.present(); 
}