intento colocar un google mapa mas personalizado (ya tenia uno con el iframe que googlemap brinda, pero es muy limitado)
con este codigo que me funciona muy bien en una hoja html
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=AQUIELCODIGOAPIKEY"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GMapTypeControl());
map.addControl(new GLargeMapControl());
map.addControl(new GScaleControl());
map.addControl(new GOverviewMapControl());
map.setCenter(new GLatLng(-19.435514, 48.603516), 5);
map.setMapType(G_HYBRID_TYPE);
function addtag(point, address) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(address); } );
return marker;
}
var point = new GLatLng(-19.000514,46.603516);
var address = '<b>MADAGASCAR</b><br/><i>Centro de Madagascar</i><br /><a href="http://www.centrodemadagascar.com">Web del Centro de Madagascar</a>';
var marker = addtag(point, address);
map.addOverlay(marker);
}
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" align="center" style="width: 500px; height: 500px"></div>
<hr/>
<a>Ejemplo desarrollado para </a><a href="http://www.maestrosdelweb.com">www.maestrosdelweb.com</a><a> por:</a>
<p><p/>
<a>Reynier Matos Padilla</a><br/>
<a href="http://www.maestrosdelweb.com/autores/reynier-matos-padilla/">http://www.maestrosdelweb.com/autores/reynier-matos-padilla/</a>
</body>
</html>
pero cuando intento incrustar esto en mi sitio joomla ocurre que se desordena mi sitio, es decir se descentra, se va haca la izquerda y desaparece la imagen del header.
el mapa aparece pero el sitio queda de muy mal aspecto. y esto ocurre cuando agrego la linea del body que el codigo requiere:
Código:
el codigo javascript lo inserto como es debido en el head del index.php de mi template. el div para el mapa lo inserto despues del body y lo demas todo bien, ya que el mapa se visualiza correctamente, solo que me tira hacia un lado todo el diseño, se descentra y se desaparece mi banner del header.<body onload="load()" onunload="GUnload()">
lo intente asi por que desde joomla.extension fue retirada la google map api
http://extensions.joomla.org/extensions/377/details
que imagino debe facitilitar las cosas en esto de joomla
que puede estar sucediendo?
OTRO DATO: cuando quito el div del mapa el mapa obviamente desaparece pero el desastre con el estilo del sitio se mantiene. todo se revierte solo cuando quito del body las benditas lineas
Código:
:/onload="load()" onunload="GUnload()
salu2
