Я пробую Leaflet, и я добавил наложение изображений в соответствии с примером, который я нашел.
Очень просто на самом деле
imageBounds = [[40.712216, -74.22655], [40.773941, -74.12544]];
var x = L.imageOverlay(imageUrl, imageBounds, {'zIndex':0}).addTo(mymap);
Теперь я хотел бы добиться следующего, желательно без каких-либо плагинов.Я посмотрел на доступные плагины и понял, что ни один из них не подходит для того, что мне нужно сделать.Я могу ошибаться, но я подумал, что попытаюсь сделать это без плагина.
До сих пор я пытался масштабировать и поворачивать наложение изображения с помощью css.Например, установив следующее:
transform: rotate(45deg) !important;
Проблема заключается в том, что он, похоже, не обрабатывает начало координат, а изображение вращается вокруг какой-то другой оси.Также при добавлении этого изображение начинает двигаться, когда я увеличиваю и уменьшаю карту.
Итак, чтобы подвести итог, чего я хочу достичь:
- Установите положение наложения изображения, используяlag, lng для его центрального положения.
- Установите поворот изображения в градусах или радианах
- Установите масштаб изображения
Было бы это возможно безплагин или есть плагин, который я должен использовать для этого?
РЕДАКТИРОВАТЬ 2019-02-28 :
Я сейчас близок к решению, но у меня естькакая-то небольшая проблема в том, что поворот изображения не на 100% правильный.Пожалуйста, проверьте скрипку.
https://jsfiddle.net/7aq3k5se/