OverlayView with tilt

[fne00]

I overlay tiles from a KMZ file with OverlayView.

This works well, except when the underlying map is tilted or rotated (using the default controls on the map when zoomed in).

My draw function is:

 void _draw() {

    final overlayProjection = overlayView.projection!;

    final sw = overlayProjection.fromLatLngToDivPixel(_bounds.southWest)!;
    final ne = overlayProjection.fromLatLngToDivPixel(_bounds.northEast)!;

    final div = _div!;
    div.style
      ..left = '${sw.x}px'
      ..top = '${ne.y}px'
      ..width = '${ne.x! - sw.x!}px'
      ..height = '${sw.y! - ne.y!}px'
      ..opacity = '${opacity}'
      ..transform = 'rotate(${-(double.tryParse(_rotation) ?? 0.0)}deg)';
  }

It appears that the overlayProjection.fromLatLngToDivPixel does not handle tilting/rotation? Or am I missing something?

Without tilt:

With Tilt:

[a14n]

Interesting topic! This problem is not related to google_maps package, you should have the same problem with a JS implementation. I don't have free time to search for a solution but I guess other people on the JS world had faced the same issue. Try to google/stackoverflow your problem in the JS world.

[fne00]

Thanks - Will look in the JS world as suggested.