Hello, I am using ionic google maps native. I am able to display google map with icon. But unable to rotate the icon. Below is my code snippet. But rotating icon is not working. Please help.
async ngOnInit() {
await this.platform.ready();
await this.loadMap();
this.add();
}
loadMap() {
this.map = GoogleMaps.create(‘map_canvas’, {
camera: {
target: {
lat: 43.0741704,
lng: -89.3809802
},
zoom: 18
}
});
}
public add() {
let latLng = {
lat: 43.0741704,
lng: -89.3809802
};
// Move the map camera to the location with animation
this.map.animateCamera({
target: latLng,
zoom: 17
});
// add a marker
let marker: Marker = this.map.addMarkerSync({
icon: {
url: 'https://mapsplugin.github.io/ionic-googlemaps-quickdemo-v4/assets/imgs/Number-2-icon.png',
size: {
width: 32,
height: 24
},
},
rotation: 32,
title: '@ionic-native/google-maps plugin!',
snippet: 'This plugin is awesome!',
position: latLng,
animation: GoogleMapsAnimation.BOUNCE,
});
// show the infoWindow
marker.showInfoWindow();
// If clicked it, display the alert
marker.on(GoogleMapsEvent.MARKER_CLICK).subscribe(() => {
this.showToast('clicked!');
});
}