Google map api v3 navigationControl css

Question

CSSを使用してGoogle Maps API v3のnavigationControlの場所を変更することは可能ですか？

Google検索で役に立たないものは見つかりませんでした。

Answer 1

デフォルトのコントロール（navigationControlなど）の場所を設定するには、JavaScriptを使用し、hereについてはControlPositionをお読みください。

Answer 2

ナビゲーションコントロールがIDまたはクラス名を持たないため、不可能であるか、少なくとも非常に困難です。

は、しかし、あなたは「プッシュ」は、このように「見えない」のdivを挿入することにより、制御ができます。ここでは

var latlng = new google.maps.LatLng(-34.397, 150.644); 
var myOptions = { 
    zoom: 8, 
    center: latlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    navigationControlOptions: { 
     position: google.maps.ControlPosition.RIGHT_CENTER 
    } 
}; 
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

var pushDiv = document.createElement('div'); 
pushDiv.style.height = '250px'; 
map.controls[google.maps.ControlPosition.RIGHT_CENTER].push(pushDiv); 

私は近いトップへのナビゲーションコントロールを押してください。

Answer 3

この例は役立つはずですhttp://www.wolfpil.de/v3/textualzoom.html