使用 JavaScript 在 Google 地图中叠加多个图像

【问题标题】：Using JavaScript to overlay multiple images in Google maps使用 JavaScript 在 Google 地图中叠加多个图像
【发布时间】：2016-09-29 13:56:26
【问题描述】：

我想知道是否有一种简单的方法可以使用 JavaScript 和 4 个坐标点在 Google 地图中叠加图像。我已经看到它是用三个点完成的，但是当你的地图在景观上有点对角线时，这不起作用。我计划建立一个数据库，其中包含每个图像文件的每个点和链接的字段。

您可以提出任何建议、代码或资源，我们将不胜感激。 :-)

谢谢！

【问题讨论】：

标签： javascript google-maps gis

【解决方案1】：

你可以使用 GrondOverlay

来自谷歌开发

       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

【讨论】：