Este es el ejemplo web de google;
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=ABQIAAAA7oH_y-0IreDvpFwlkcTvvRTArcrF3oI7JwU-_9hLR6Grht7a-RSscjQ9EEOxjnxueGrZtWfMGM3RcA"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width:500px;height:300px"></div>
</body>
</html>Y esta es la web donde lo quiero poner:
Código :
<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA7oH_y-0IreDvpFwlkcTvvRTArcrF3oI7JwU-_9hLR6Grht7a-RSscjQ9EEOxjnxueGrZtWfMGM3RcA"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}
//]]>
</script>
<script src="maxheight.js" type="text/javascript"></script>
<style type="text/css">
<!--
.Estilo1 { color: #6f494a;
font-size: 1em;
font-weight: bold;
}
.Estilo3 {color: #6f494a; font-size: 1.15em; font-weight: bold; }
-->
</style>
<link href="file:///C|/Users/Miriam/Desktop/Hostal benamar/Kiba.vn_JavaScript Slideshow/style (65).css" rel="stylesheet" type="text/css" />
</head>
<body id="page3" onload=" new ElementMaxHeight();">
<div class="site_center">
<div class="cont_padding">
<div class="cont_color">
<div class="bg_con_top">
<div class="bg_con_left">
<div class="bg_con_right">
<div class="bg_con_bot">
<div class="y_cont_top_left">
<div class="y_cont_top_right">
<div class="y_cont_bot_left">
<div class="y_cont_bot_right">
<div class="cont_padding_last">
<div id="header">
<object class="position" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24" width="1000" height="439">
<param name="movie" value="flash/header_fv8.swf?button=3" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="menu" value="false" />
<!--[if !IE]> <-->
<object data="flash/header_fv8.swf?button=3"
width="1000" height="439" type="application/x-shockwave-flash">
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="menu" value="false" />
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
FAIL (the browser should render some flash content, not this).
</object>
<!--> <![endif]-->
</object>
</div>
<div id="content">
<div class="width_100">
<div class="col1 maxheight">
<div class="indent_col1_1">
<img alt="" class="title" src="images/page3_title1.gif" />
<h6 class="Estilo1">Texto</h6>
<p> </p>
[b]<div id="map" style="width:200px; height:440px"></div>[/b]
<ul class="list"><li></li>
</ul>
</div>
</div>
<div class="col3 maxheight">
<div class="indent_col3 maxheight">
<p><img alt="" class="title" src="images/page3_title2.gif" /></p>
<p>Texto<span lang="ES-MX" xml:lang="ES-MX"></span></p>
</div>
</div>
<div class="clear"></div>
</div>
</div> Porfavor decirme que he puesto mal,
Muchas gracias, saludos.
