Tema: google map v3, 3 maps on same page
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 03/12/2012, 14:50
txemaarbulo
Invitado
  
Mensajes: n/a
Puntos:
Respuesta: google map v3, 3 maps on same page
En la parte HTML crea (con los estilos y espacios que quieras) las etiquetas de los tres mapas que no tienen por qué ser <div id="map_canvas"></div>

Llamémosles
Código HTML: 
Ver original
  1. <div id="mapa1"></div>
  2. <div id="mapa2"></div>
  3. <div id="mapa3"></div>

Y luego, a repetir los javascript con los elementos que van cambiando:
Código Javascript: 
Ver original
  1. function initialize() {
  2.   var opcionesmapa1 = {
  3.     zoom: 13,
  4.     center: new google.maps.LatLng(36.51308543049258, -4.886341094970703),
  5.     mapTypeControl: true,
  6.     mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
  7.     navigationControl: true,
  8.     mapTypeId: google.maps.MapTypeId.ROADMAP
  9.   }
  10.   map = new google.maps.Map(document.getElementById("mapa1"),
  11.                                 opcionesmapa1);
  12. ...

Mas que nunca en este caso, sería recomendable crear aparte los archivos javascript, uno por cada mapa y llamarlos en el <head>
Saludos.