Buenos dias:

Estoy creando una aplicación que utiliza el api de google maps para facilitar a los clientes la ubicación de un local en el mapa.
el tema es ya habilite mi api key en google y cuando lo pruebo en html...todo ok....inluso cuando lo pruebo desde un jsp todo normal....el problema es cuando llamo a la pagina con un action el mapa no sale...alguna idea???
Este es mi codigo.

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@taglib prefix="s" uri="/struts-tags" %>


<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }
</style> <style type="text/css">

#contenedor{

padding:0;
width:632px;/*si queremos que salga 4 veces la imagen con separación de margenes a la derecha de 10px y incluyendo bordes de 2px, quedando todo junto hacia el centro hacemos esto:
-->Multiplicamos el width=ancho x 4 del espacio 1 = 144 x 4 = 576px +
-->Multiplicamos el margin=margen x 4 del espacio 1 = 10 x 4 = 40px
-->Sumamos el border=borde derecho y isquierdo del
espacio 1 y luego lo multiplicamos x 4 = (2 + 2) 4 = 16px
------
-->Y nos dar como el total el width que nesecitamos -----------> 632px

NOTA: si ponemos el width:auto del contenedor, todo se ira hacia el margen izquierdo. */
text-align:center;
height:auto;/*aqui puedes poner una altura deseada teniedo en cuenta que tiene que ser mayor o igual al de la imagen, y si tiene bordes la imagen se le suma a la altura, igual si el
div->espacio 1 tuviera bordes se lo sumarias a la altura=height, y cuando hablo que le sumarias el borde seria el borde de arriba + el borde de abajo ahi que tenerlo en cuenta, por recomendación usar height=auto */
background:transparent;
}
#espacio1{
padding:0;
width:1000px;
float:left;
background:transparent;
height:auto;
border:solid black 0px;
margin-right:10px;
}
</style>




<s:form theme="simple">
<div class="content">
<div class="container-fluid">
<div class="row-fluid">

<h2>Nuestros Locales</h2>

Encuéntranos en nuestros locales

<div id="blog-posts">

<div class="row-fluid blog-post sampleFilterOnetrue sampleFilterTwotrue">
<div class="span12">
<h4><s:label value="%{producto.descripcion +' S/.'+ producto.precio} "/> </h4>

<div class="row-fluid">

<div id="contenedor">

<div id="espacio1">

<ul class="filter nav nav-pills">

<s:if test="locales.size>0">

<s:iterator value="locales">


<s:a action="ObtenerCoordenadas">
<s:param name="local.codigo">
<s:property value="codigo"/>
</s:param>
<li class="active">
<s:property value="descripcion"/>
</li>



</s:a>

</s:iterator>

</s:if>
</ul>

</div>
<div id="espacio1"> <div id="map_canvas" style="width:50%; height:50%"></div></div>

</div>

</div>

</div>
<div class="row-fluid details">
by Ashley
| January 16th, 2013
| 3 Comments
| 39 Shares
| Tags <span class="label label-info">Official</span>
<span class="label label-info">Announcements</span>
<span class="label label-info">News</span>
<span class="label label-info">New Features</span>
</div>
</div>
</div>


</div>




</div>
</div>


</s:form>