Карты Google: как переместить элементы управления масштабированием?

Question

Как я могу переместить элементы управления масштабированием Карт Google через API на противоположную сторону карты?

Answer 1

var myOptions = {
                zoom: 6,

                zoomControl: true,
                zoomControlOptions: {
                    style: google.maps.ZoomControlStyle.SMALL,
                    position: google.maps.ControlPosition.LEFT_CENTER
                },

                scaleControl: true,
                panControl: true,
                navigationControl: false,              
                mapTypeId: 'roadmap',
                streetViewControl: false,
                center: new google.maps.LatLng(XXX,XXX)
            }

map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);

Answer 2

Если вы используете версию 2 API:

map.addControl(new GLargeMapControl3D(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,10)));

Обратите внимание, что GSize разместит его там, где вы хотите. Если вы хотите дальше, чем дайте более высокое значение второму параметру

Answer 3

здесь я использую Google Maps API v3, потому что v2 устарела

    function initialize()
    {
    var mapProp = {
    center: new google.maps.LatLng(51.508742,-0.120850),
    zoom:7,
    panControl:false,
    zoomControl:true,
    zoomControlOptions: {
    style: google.maps.ZoomControlStyle.SMALL,
    position: google.maps.ControlPosition.RIGHT
    },
    mapTypeControl:false,
    scaleControl:false,
    streetViewControl:false,
    overviewMapControl:false,
    rotateControl:false,    
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
}

Answer 4

Используйте это в css:

.gmnoprint:nth-child(9) { left: 50%; }