Googleマップの概要マップ(Googleマップウィンドウの右下にある領域)の青い矩形の色を変更しようとしています。 残念ながら、Google Maps v3のドキュメントでは何も言及されていません。 アイデアはありますか?オーバービューマップ(Google Maps v3)で四角形の色を変更するにはどうすればよいですか?
1
A
答えて
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を変更することがあり、それはもう動作しません。
+0
あなたの説明に従ってくれてありがとう!それは私をたくさん助けました... –
関連する問題
- 1. UISearchBarを四角形から四角形に変更するにはどうすればよいですか?
- 2. 大量の四角形の色を変更するにはどうすればよいですか?
- 3. winformsグリッドの四角形の背景色を変更するにはどうすればよいですか?
- 4. 三角形の2Dメッシュを四辺形に変換するにはどうすればよいですか?
- 5. Processing.Jsで四角形を作るにはどうすればいいですか?
- 6. アプリケーションの上に四角形を描画し、四角形の座標/サイズを取得し、四角形の下のイメージが変更されているかどうかを確認するにはどうすればよいですか?
- 7. Google Maps API v3 - .getBounds()をピクセル座標に変換するにはどうすればよいですか?
- 8. GoogleマップAPIでGLatLngBounds(四角形)を10%増やすにはどうすればよいですか?
- 9. Google Maps API v3でKMLポリゴンの色を動的に変更
- 10. イベントハンドラをGoogle Maps V3 APIのデフォルトのPanControlのクリックイベントにバインドするにはどうすればよいですか?
- 11. iPhone SDKを使用して四角形の四角形の外側の角をクリアするにはどうすればよいですか?
- 12. Google Maps v3のルートにmouseoverイベントを追加するにはどうすればよいですか?
- 13. Googleマップの特定の道路の色を変更するにはどうすればよいですか?
- 14. これらの四角形を分離するにはどうすればよいでしょうか?
- 15. AS3の四角形の塗りつぶし色を変更するにはどうすればよいですか?
- 16. html5キャンバスアニメーションで四角形の四角形を変更する方法
- 17. CSSでフレックスレイアウトの四角形のボタンを取得するにはどうすればよいですか?
- 18. Androidでは、Googleマップのような四角形のアラートダイアログをどのように表示するのですか?
- 19. GoogleマップのAPIの円の色を動的に変更するにはどうすればよいですか?
- 20. svgイメージ内の異なる四角形の色をどのように変更するか?
- 21. V3 GoogleドライブAPIでファイルサイズと変更日時を取得するにはどうすればよいですか?
- 22. 絶対位置にiTextSharp.text.Rectangleの四角形を挿入するにはどうすればよいですか?
- 23. iPhone SDK:プログラムで四角形を作成するにはどうすればよいですか?
- 24. 回転した四角形でクリッピングを実行するにはどうすればよいですか?
- 25. Googleマップv3の表示を変更するにはどうすればよいですか?
- 26. 変形スティックを変更するにはどうすればよいですか?
- 27. ラジオボタンの特定の色のみを角度で変更するにはどうすればよいですか?
- 28. プロットしてサブプロットに四角形を描画するにはどうすればよいですか?
- 29. StockEventバルーンのボーダーの色を変更するにはどうすればいいですか?[AmCharts v3]
- 30. Google MAPS API V3 - >多角形内のマーカーの数はどのように数えますか?
overvieMapは、有効になっている場合は、マップの右下にある小さな地図です。 –
ありがとう@ Dr.Molle - Googleマップウィンドウの右下の領域で概要マップを有効にした場合は、そこに現在の大きな地図があり、そこには長方形があります。これは私が色付けしたい矩形です - デフォルトは青です... –