Использование JavaScript для наложения нескольких изображений в Google maps

Question

Мне интересно, есть ли простой способ наложения изображений на Картах Google с использованием JavaScript и 4 координатных точек. Я видел, как это делалось с тремя моментами, но это не работает, когда ваши карты сидят по диагонали на ландшафте. Я планирую создать базу данных, которая будет иметь поля для каждой из точек и ссылок для каждого из файлов изображений.

Любой совет, код или ресурсы, которые любой из вас мог бы предложить, были бы очень признательны. :-)

Спасибо!

Answer 1

Вы можете использовать GrondOverlay

от Google разработчика

 historicalOverlay = new google.maps.GroundOverlay(
     'https://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg', 
     imageBounds); 
    historicalOverlay.setMap(map); 

видеть эту ссылку для рабочего образца https://developers.google.com/maps/documentation/javascript/examples/groundoverlay-simple

или наложения MapType изображения

https://developers.google.com/maps/documentation/javascript/examples/maptype-image-overlay