Я пытаюсь использовать ioni c -native- google-maps, но карта продолжает отображаться, но не реагирует ни на какие взаимодействия. Я уже проверил, что на карте нет элемента HTML, и я не отключил какие-либо кнопки или жесты в параметрах карты.
component.ts
import {
GoogleMaps,
GoogleMap,
GoogleMapOptions,
GoogleMapsMapTypeId
} from '@ionic-native/google-maps';
... class definition
map: GoogleMap;
async ngOnInit() {
this.order = history.state.data.order;
await this.platform.ready();
this.loadMap();
}
loadMap() {
const deliveryPosition = {
lat: this.order.delivery_location.latitude,
lng: this.order.delivery_location.longitude,
}
let mapOptions: GoogleMapOptions = {
mapType: GoogleMapsMapTypeId.HYBRID,
camera: {
target: deliveryPosition,
zoom: 18,
},
controls: {
myLocationButton: true,
myLocation: true,
zoom: true,
compass: false,
},
gestures: {
tilt: false,
},
};
this.map = GoogleMaps.create('map_canvas', mapOptions);
}
component. html
<ion-content class="ion-padding-horizontal ion-padding-bottom">
<div id="map_canvas">
</div>
</ion-content>