feat(google-maps): Support marker rotation

[hashpie]

Add marker missing property "rotation", which has been stated in issue #1428

[christocracy]

Nice

[Varo95]

I try it out on my code i have bad news a good news.

The bad one is that this only works on native (Android and iOS) but not on Web.

On the other hand, the good news is that i do this to work on Web, we need @capacitor/device installed and the same image on svg format at the assets folder.

    const deviceType: string = (await Device.getInfo()).platform;
    const iconUrl: string = (deviceType === 'web') ? 'assets/sample.svg' : 'assets/sample.png';
    const rotation: number = 0; //replace the value of whatever u need to rotate
    const markerId: string = await this.map.addMarker({
      rotation,
      coordinate: {
        lat: 0,
        lng: 0
      },
      iconUrl,
      iconSize: {
        width: 50,
        height: 50
      },
      iconAnchor:{
        x: 25,
        y: 10
      }
    });
    if(deviceType === 'web'){
        let rotationAngle: number = 0; //replace with the same value of rotation 
        setInterval(function(): void {
          const elements = document.querySelectorAll(`img[src="${iconUrl}"]`);
          //This rotate all elements, but you can rotate specific element if diferent images on svg
          for(let i: number = 0; i < elements.length; i++){
            const element: HTMLElement = elements[i] as HTMLElement;
            element.style.transform = `rotate(${rotationAngle}deg)`;
          }
          //Logic if new rotation need for update
          rotationAngle += 10; //Degreess added
          rotationAngle %= 360;
      }, 1000); // Interval you want to rotate image
    }