Trataré de ayudarte, pero veo los códigos tructados:
Por una parte el javascript no está cerrado. Faltaría la última llave y la invocación a initialize() (dentro del javascript o, como muchos lo hacen, dentro de la etiqueta body.
Podría quedar (directamente en el javascript), así :
Código Javascript
:
Ver originalvar map;
var map2;
function initialize() {
var mapOptions = {
zoom: 5,
center: new google.maps.LatLng(40.350288, -3.681253),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map_canvas'),
mapOptions);
var mapOptions2 = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map2 = new google.maps.Map(document.getElementById('map_canvas2'),
mapOptions2);
} //
google.maps.event.addDomListener(window, 'load', initialize);
Muchos prefieren (eliminada la última línea que he añadido al javascript)
Por otra parte, en tu código no veo donde está el primer mapa
Lo he tratado de reproducir y, evidentemente, el alto dado en CSS a los mapas se encuentra limitado por la celda de la tabla. Esto es, dale un alto a la celda para que el 100% del mapa sea toda su altura.
Si me pasas el código completo, lo releo y lo vemos.