如何更改叠加地图类型的透明度？

Question

我该如何在将叠加地图类型添加到地图后更改其不透明度？

        var imgTypeOptions = {
            getTileUrl: function (coord, zoom) {                               
                return "myTile/" + f + ".png";        
            },
            tileSize: new google.maps.Size(256, 256),
            name: "Imagen",
            opacity: .5 //This is Ok, the first time set the opacity
            //but i want to change the opacity later
        };

...
        var imgMapType = new google.maps.ImageMapType(imgTypeOptions);
...
    map.overlayMapTypes.insertAt(0, imgMapType);

我希望能够点击一个名为“25%” 的链接，并将添加的图层的不透明度设置为25％。

- Rolando

Answer 1

在3.28版本中，您需要使用getter。请尝试以下代码：

map.overlayMapTypes.getAt(0).setOpacity(0.25)

- Alex

Answer 2

请查看ImageMapType API文档： https://developers.google.com/maps/documentation/javascript/reference#ImageMapType 类似这样的代码应该可以工作。

map.overlayMapTypes[0].setOpacity(.25) 

- Jonathan Palumbo

Answer 3

在2018年，这是我的工作示例的操作方式。

我使用开放街道地图瓦片，示例。

 z= zoom  
 x= coord.x  
 y= coord.y

https://tile.openstreetmap.org/10/261/380.png

https://tile.openstreetmap.org/${z}/${x}/${y}.png 

对于瓦片，您应该使用ImageMapTypes，

然后使用

   map.overlayMapTypes.push(imageMapType);

或者

   map.overlayMapTypes.insertAt(
        0, new CoordMapType(new google.maps.Size(256, 256)));

在谷歌基础图层上添加新的瓦片图层。

您可以通过以下方式设置不透明度：

 // for old api

 //map.overlayMapTypes[0].setOpacity(0.25);





   //for 3.28 api  (in 2018)

   map.overlayMapTypes.getAt(0).setOpacity(0.5);

这里是我的工作示例jsfiddle，用于叠加瓷砖使用ImageMapTypes

另一种方法：

示例：使用coordMapType而不是ImageMapTypes

- hoogw