Image I'；我正试图剪辑谷歌地图API中的图像覆盖

我试图剪辑谷歌地图API中的图像覆盖，但没有成功。通过使用CSS

clip

属性和

z-index

属性，我可以成功地剪辑HTML图像并将其覆盖在Google地图上，但是这没有用，因为图像不会根据Google地图的缩放和移动进行调整。i、 e.图像不会以任何方式绑定到Google地图对象，不会响应地图更改

如果我将Google地图覆盖指定给裁剪的图像源，它只使用原始的未裁剪的源，而不是裁剪的页面图像元素。这就是

image.src

属性的工作原理

我成功地为谷歌地图添加了一个图像覆盖，但似乎没有任何剪辑或裁剪功能。图像上有文本我不想为此应用程序显示，但我不想裁剪原始源文件图像，因为它用于多种显示目的

historicalOverlay = new google.maps.GroundOverlay(imageurl,imageBounds);
historicalOverlay.setMap(map);

---

我需要

imageurl

指向内存中的剪裁版本或类似的内容，或者剪裁表单image元素，但不是其未剪裁的源图像。有什么想法吗？

谷歌地图javascript API V3中的GroundOverlay类不支持在显示前在浏览器中对图像进行剪裁/裁剪

因为我们需要这种功能，再加上一些其他功能，如图像旋转和非矩形图像，我们编写了一个GroundOverlayEX javascript类，它支持Google Earth版本的GroundOverlay支持的所有功能，包括浏览器端对要显示的图像进行剪切/裁剪

javascript类在Github上是开源的，位于：。还有API文档（documentation.txt）。GroundOverlayEX类显示的所有图像都是地图的一部分，将与地图一起拖动，并与地图一起缩放

正在运行的类的一个工作函数示例（带有一些剪裁/裁剪的图像）位于：

---

如果您关闭VIIRS复选框，并将透明度设置为中间，您将非常清楚地看到图像，并看到一些图像被裁剪（所有图像都以矩形存储在NASA的服务器中，因此方形或看起来像切片的图像已被GroundOverlayEX类裁剪）。

这是正确的吗？我想知道，因为我想剪辑一个基于geojson多边形数据的png图像，只覆盖多边形内的图像。考虑通过将lat/lng转换为像素并使多边形外部的像素变黑，然后将黑色设置为alpha通道，以便重新绘制加载的图像，从而使用图像重新绘制。我知道mapbox/传单可以很好地做到这一点，但我仅限于谷歌地图。是否可以根据多边形信息进行剪裁/裁剪？仅显示基于特定边界的图片？我阅读了上面的js，看到你可以向上/向下/左/右裁剪，但是我想将图像调整到多边形覆盖上-已经为此奋斗了好几个星期，并试图找出答案