2012-10-12 124 views
6

Soy nuevo en Google Maps.
Quiero mostrar Google maps con tres tipos de mapas diferentes (mapa, satélite, híbrido) en el mapa.No se pueden mostrar 3 tipos de mapas en Google Maps

Para que estoy escribiendo código como

function initialize() { 
    var mapOptions = { 
    center: new google.maps.LatLng(35.02, 111.02), 
    zoom: 8, mapTypeControlOptions: { 
    mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.SATELLITE,google.maps.MapTypeId.HYBRID] 
    }, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 

Pero con el código anterior que soy capaz de mostrar sólo Mapa y tipos de mapa por satélite en el mapa. el tercer híbrido de tipo de mapa no se muestra en el mapa. También cuando hago clic en el tipo de satélite obtengo una opción como Etiqueta. Por lo tanto, no quiero mostrar la opción de etiqueta debajo del satélite.

+0

está fuera de tema, pero elimine la coma de aquí que arrojará un error en IE: 'mapTypeId: google.maps.MapTypeId.ROADMAP,' – duncan

Respuesta

4

Parece que usted puede tener solo 2 de las 4 MapTypeId etiquetas en su mapa.

pero se puede se puede forzar el mapa para hybrid estableciendo

map.setMapTypeId(google.maps.MapTypeId.HYBRID) 

en cualquier momento, ya sea que el usuario hace clic en un enlace, un botón, un Timmer, al final de su código, etc.

cheque esta jsFiddle: http://jsfiddle.net/RASG/vDLfs/

ddd


Acabo de descubrir algo nuevo en un grupo de google.

cuando agrega google.maps.MapTypeId.HYBRID a mapTypeIds, y ya tiene google.maps.MapTypeId.SATELLITE, en lugar de mostrar ambas opciones, google maps ahora agrega una opción llamada "etiquetas" cuando pasa el mouse sobre "satélite".

el efecto es el mismo que tener la opción "híbrida" en v2.

verificación de la jsFiddle actualización: http://jsfiddle.net/RASG/vDLfs/6/

eee

+0

Gracias por su respuesta .. yo también obtuve la solución como la que usted mencionado. Pero mis clientes quieren mostrarlo dentro del mapa. han utilizado la versión 2 donde pudieron hacerlo dentro del mapa. ahora quieren actualizarlo a la versión 3 –

+0

Gracias por la información. –

+0

@krishnasavith de nada. difundir las noticias a su cliente :) – RASG

6

Mapas v3 siempre se condensará los cuatro mapTypeIds disponible (HYBRID, Hoja de Ruta, satélite, relieve) en dos botones más una casilla de verificación para cada uno de estos botones. Así satélite + HYBRID le dará un botón satélite con un etiquetas casilla de verificación y HOJA DE RUTA + TERRENO le dará un botón Mapa con una casilla de terreno .

Tenga en cuenta que la casilla de verificación sólo se muestra cuando se pasa sobre un botón de activa, por lo que tendrá que estar en Mapa modo para ver el terreno casilla debajo del botón y usted debe estar en satélite modo para ver el Etiquetas casilla de verificación!

Se está sin interés para ver que en realidad es un botón híbrido, pero sólo se hace visible cuando se agrega a los HYBRID mapTypeIds sin SATÉLITE adición.Lo mismo es cierto para el botón Terreno, que solo se vuelve visible cuando agrega TERRENO a la lista, pero no HOJA DE RUTA.

Cambio de la mapTypeControlOptions.style a un cuadro desplegable (DROPDOWN_MENU) en lugar de botones (HORIZONTAL_BAR) tampoco revelará más de dos artículos en el cuadro desplegable resultante. Al igual que los botones, habrá un máximo de dos elementos desplegables más una casilla de verificación para cada uno de ellos.

+0

... ADEMÁS de su (s) estilo (s) personalizado (s) si crea ellos. – vaxquis

0

Agregar un tipo de mapa de Google Earth a la pantalla deshabilita la opción TERRAIN bajo ROADMAP y la opción HÍBRIDO debajo de SATELLITE.

Cuestiones relacionadas