Google map: как повернуть 'Groundoverlay' нужен трюк

Question

Я делаю проект карты для использования, например, добавление фигур и местоположений на карте и сохранение их.

, но у меня возникли проблемы с наземным наложением.

я знаю, что в документе карты Google отсутствует свойство для поворота.но мне нужен способ / трюк, чтобы повернуть изображение с наложением, любым другим способом.

здесь код

var srcImage = "http://demo/image/uploads/demo.jpg";
var bounds = {
    north: 44.599,
    south: 44.490,
    east: -78.443,
    west: -78.649
}
var overlay = new google.maps.GroundOverlay(srcImage ,bounds);
overlay.setMap(map);

Я использую ползунок для наложения поворота.

$("#overlayslider").slider().on('slide',function(e){
     var angle = e.newVal;
     // i want rotate overlay by angle/degree as per slider
})

Я пробовал с проекцией, но безуспешно.

Любой возможный способ будет признателен.

Любая помощь будет полезна, спасибо.

Answer 1

Этого можно добиться с помощью пользовательского наложения: https://developers.google.com/maps/documentation/javascript/examples/overlay-simple.

Добавьте прослушиватель событий на ползунок наложения в USGSOverlay.prototype.onAdd, а затем установите вращение div на входе.

document.getElementById('overlayslider').addEventListener('input', function() {
    div.style.transform = 'rotate(' + this.value + 'deg)';
});

А вот пример измененного пользовательского наложения: https://jsfiddle.net/b0tLd46u/4/. Вы можете установить вращение наложения с помощью ползунка диапазона над картой.