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

Question

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

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

Спасибо!

Answer 1

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

от Google Dev

       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

или наложение изображения типа карты

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