オーバービューマップ（Google Maps v3）で四角形の色を変更するにはどうすればよいですか？

Question

Googleマップの概要マップ（Googleマップウィンドウの右下にある領域）の青い矩形の色を変更しようとしています。 残念ながら、Google Maps v3のドキュメントでは何も言及されていません。 アイデアはありますか？

Answer 1

APIを使用して何かを色付けする方法はありません。

できること：要素を見つけて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} 

デモ：http://jsfiddle.net/doktormolle/ULmW5/

問題：Googleは明日マップのDOMを変更することがあり、それはもう動作しません。