Google maps api 3 如何更改概览图（Google Maps v3）中矩形的颜色？

我尝试更改谷歌地图总览图（位于谷歌地图窗口右下角区域）中蓝色矩形的颜色。 不幸的是，在谷歌地图v3的文档中没有提到这一点。

---

你有什么想法吗？

没有办法通过API对这些内容进行着色

您可以做的是：使用JS查找元素，然后使用CSS应用颜色

例如：

google.maps.event.addListenerOnce(map,'tilesloaded',function()
        {
          try{
            var x=document.querySelector('img[src=\'http://maps.gstatic.com/mapfiles/mapcontrols3d7.png\']');
            if(x)
            {
              x.parentNode.parentNode.previousSibling.className="overviewMap";
              var y=document.querySelectorAll('.overviewMap>div>div>div>div>div>div');
              y[1].className="overviewMapRectangle";
            }
          }catch(e){}
        }
        );

唯一看起来独一无二的是一个图像(http://maps.gstatic.com/mapfiles/mapcontrols3d7.png)，它是用于打开/关闭概览地图的箭头。该脚本搜索该图像并遍历DOM以查找矩形。它将向矩形（overviewMapRectangle）添加一个类，该矩形可用作选择器

示例CSS：

.overviewMapRectangle + div > div{border:none !important}
.overviewMapRectangle div{border-color: inherit !important}
/*border-color of the rectangle*/
.overviewMapRectangle{border-color: yellow !important}    
/*background-color of the rectangle*/
.overviewMapRectangle>div>div{background: red !important}

演示：

---

问题是：谷歌明天可能会更改地图的DOM，它将不再工作。

没有办法通过API为地图着色

您可以做的是：使用JS查找元素，然后使用CSS应用颜色

例如：

google.maps.event.addListenerOnce(map,'tilesloaded',function()
        {
          try{
            var x=document.querySelector('img[src=\'http://maps.gstatic.com/mapfiles/mapcontrols3d7.png\']');
            if(x)
            {
              x.parentNode.parentNode.previousSibling.className="overviewMap";
              var y=document.querySelectorAll('.overviewMap>div>div>div>div>div>div');
              y[1].className="overviewMapRectangle";
            }
          }catch(e){}
        }
        );

唯一看起来独一无二的是一个图像(http://maps.gstatic.com/mapfiles/mapcontrols3d7.png)，它是用于打开/关闭概览地图的箭头。该脚本搜索该图像并遍历DOM以查找矩形。它将向矩形（overviewMapRectangle）添加一个类，该矩形可用作选择器

示例CSS：

.overviewMapRectangle + div > div{border:none !important}
.overviewMapRectangle div{border-color: inherit !important}
/*border-color of the rectangle*/
.overviewMapRectangle{border-color: yellow !important}    
/*background-color of the rectangle*/
.overviewMapRectangle>div>div{background: red !important}

演示：

---

问题：google可能明天更改地图的DOM，它将不再工作。

overvieMap是地图中的一个小地图（在右下角），启用后。谢谢@Dr.Molle-如果您在google地图窗口的右下角区域激活了概览地图，您将看到当前带有矩形的大地图。这是我要着色的矩形-默认为蓝色…启用时，overvieMap是地图内部的一个小地图（在右下角）。谢谢@Dr.Molle-如果您已在Google Maps窗口的右下角区域激活了概览地图，您将看到当前带有矩形的大地图。这是我想要着色的矩形-默认为蓝色。。。