...

View Full Version : Google Maps API and CSS together...



ClintBeavers
09-20-2006, 01:06 AM
Okay, How can I get this code-


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>The DISAMBIGUATION of Edward</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="...styles.css" type="text/css">
<style type="text/css">
#container {
margin:auto;
}
</style>
</head>
<body>
<div id="container">
<div id="inner">
<div id="header">
<p style="text-align:center"><img src="...BLABLABLA.PNG" alt="The DISAMBIGUATION of Edward"></p>
</div>
</div>
<div id="content"> <br>
<br>
<p class="topmargin"><img src="BLABLABLA.JPG" alt="AMBIGUOUS" width="176" height="243" border="1" style="float:left;margin:1px"><span class="style3"><strong>am-big-u-ous</strong> [ am- <strong>big </strong>-yoo- <em>uh </em>s ]<br>
<em>adj.</em>1. open to or having several possible meanings or interpretations; equivocal<br>
2. lacking clearness or definiteness; obscure; indistinct</span></p>
<br>
<p><span class="style3">This is the Disambiguation of Edward. This site is designed to showcase my trip reports (kind of like a trip diary), photography, and other works. The Ironic thing is, although I am making parts of my life more clear [dis am <span class="style3"><strong>&middot;big</strong> u<strong>&middot;</strong></span>ate], I am also telling you very little about me personally.</span></p>
<br>
<p><span class="style3">However, I enjoy many things, as is evident on this site. One of them is travel. I also enjoy being creative, which is the reason I have a webpage to begin with. I have had this space for almost a decade now. I also enjoy sharing my creativity. What other reason is there to be creative if you are not willing to share?</span></p>
<br>
<p><img src="http://...BLABLABLA.JPG" alt="DISAMBIGUOUS" width="176" height="243" border="1" style="float:left;margin:1px" ><span class="style3"><strong>dis am&middot;big u&middot;a tion </strong>[ dis-am-<strong>big </strong>-yoo-ay sh uh n ]<br>
<em>n.</em>1. clarification that follows from the removal of ambiguity</span></p>
<br>
<p class="bottommargin"><span class="style3">I will keep this all updated. I like to write, so any time I go on a trip, I add a new trip report. I also enjoy editorializing and commenting on pop culture, the amusement industry, and more. There will be much stuff to be added, and I will add more and more as time goes by.</span></p>
<br>
<p style="text-align:center;"><span class="style2">All content &copy; C. Edward Beavers 1997-2006.</span></p>
</div>
</div>
</body>
</html>


To work with Google Maps? I want to make a map index on my page, here is the basic code they start me with-


<!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&amp;v=2&amp;key=KEY"
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>

I know I have to edit everything in to my page, but each time I try, my back ground and the map don't show:

http://www.angelfire.com/wv/TheScorpionLair/Documents/Map.html

ClintBeavers
09-20-2006, 02:58 PM
Bump?

altyfc
11-14-2006, 11:52 AM
Stumbled upon this in a Google search... I don't know if this helps you, Clint, but we have developed a tool at http://www.aardvarkmap.net which makes creating custom Google Maps really easy. You don't have to get involved with any of the technicalities, you just plot some points, add whatever text you want, add links (if you want them), add optional data overlays, and then simply grab the code.

I hope this is of help to you, or at least to anyone else that stumbles upon this thread.

Aaron



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum