2010-04-14 25 views
16

¿Cómo puedo mover los controles de zoom de Google Maps, a través de la API, al otro lado del mapa?Google Maps: ¿Cómo mover los controles de zoom?

+0

Odio ser ese tipo, pero ¿acaso [leyó ​​el manual] (http://code.google.com/apis/maps/documentation/controls.html#Control_Positioning)? –

Respuesta

3

Asumiendo que utiliza la versión 2 de la API:

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

Tenga en cuenta que la GSize posicionará el lugar que desee. Si desea más abajo que dan un valor más alto que el segundo parámetro

24
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); 
1

aquí estoy usando API de Google Maps v3 porque v2 está en desuso

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); 
} 
-1

Uso esto en CSS:

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