2010-12-01 35 views
15

Aquí está el fragmento que estoy usando para mostrar el mapa de Google en mi aplicación utilizando su API V3 JavaScript.¿Cómo eliminar un MapType del mapa de Google Maps con la API de JavaScript de Google Maps?

var myOptions = { 
      zoom: 15, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 

     } 
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

Pero el mapa muestra el terreno, el híbrido y el satélite que no quiero. ¿Cómo elimino esos controles del mapa?

Respuesta

53

Puede remove all the default UI

var mapOptions = { 
      zoom: 15, 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
      disableDefaultUI: true 
     }; 

var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 

Y entonces usted puede add your own controls

O puede simplemente añadir mapTypeControl: false

10

The Google Maps v3 API doc es grande.

En él, encontrará que MapOptions tiene una propiedad, "mapTypeControl", que es un booleano. Configúrelo en false para deshabilitarlo para su mapa.

+0

Esta debe ser la respuesta aceptada – Buksy

1

¿No hay ningún atributo de URL para deshabilitar los mapas de satélite/terreno del propio código de inserción de Google?

+1

Por lo tanto, esta pregunta es acerca de la API de JavaScript, lo que supone que tendrá una etiqueta de script con los 'maps.googleapis.com/maps/api/js' al comienzo de su atributo fuente. Puede pasar el parámetro callback = para especificar una función de devolución de llamada javascript. Eso debería permitirle establecer el atributo 'disableDefaultUI' del objeto de mapa. – jonnybot

1

Para deshabilitar sólo el control del mapa, utilice esta opción en Gmap3 documentation:

MapTypeControl
Tipo: booleano

El estado activado/desactivado inicial del control de tipo de mapa.

ejemplo:

var options = { 
    // ... 
    mapTypeControl: false 
} 
var map = new google.maps.Map(document.getElementById("map"), options);