Estoy intentando meter un mapa de Google Maps en un pedazo de código que cargo en la página principal de mi sitio con Ajax. Si cargo ese pedazo de código directamente en el navegador, el mapa aparece sin problemas, pero si lo cargo con Ajax desde la página principal no se muestra.
Os muestro el pedazo de código que inserto con Ajax (en la página principal no tengo nada de código de google maps):
Código:
<script src="URLSCRIPTGOOGLECONMICLAVE" type="text/javascript"></script>
<script type="text/javascript">
function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
geocoder = new GClientGeocoder();
geocoder.getLatLng(
"Calle de la iglesia Nº 8, santa maría de la alameda, madrid",
function(point) {
if (!point) {
alert(address + " not found");
} else {
map.setCenter(point, 14);
//map.openInfoWindow(map.getCenter(), document.createTextNode("Anartistas"));
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(address);
}
}
);
}
}
</script>
<table border="0" cellspacing="0" cellpadding="0" width="400">
<tr>
<td class="pageName">CONTACTO </td>
</tr>
<tr>
<td class="bodyText"><p><strong><strong>Dirección</strong>:</strong></p>
<div id="map" style="width: 300px; height: 300px" ></div>
<script type="text/javascript">
load();
</script>
</td>
</tr>
</table>
A ver si alguien me puede decir el modo para que funcione.
Un saludo
