javascript - 使用 JavaScript 在 Google map 中叠加多个图像

标签 javascript google-maps gis

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

如果您能提出任何建议、代码或资源,我们将不胜感激。 :-)

谢谢!

最佳答案

您可以使用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

或覆盖 map 类型图像

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

关于javascript - 使用 JavaScript 在 Google map 中叠加多个图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39772350/

相关文章:

javascript - mousemover 监听器禁用 Google map API 中的点击监听器

java - 使用JAVA中的geotools在定义的距离(km)内从一条线(GPS坐标)生成多边形

gis - 如何在浏览器中直接显示简单的.OSM文件?

javascript - 地理编码限制问题

javascript - 套接字 IO 无法在公司网络内连接

javascript - 如何向字段添加美元符号而不将其包含在值中

javascript - AJAX 在 html 文档开头抛出错误

Javascript v3 Google map 旋转 map

r - 将 ggplot map 导出到 KML 时出错

javascript - 在 JavaScript 中搜索数组的元素