Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Jun 2006
    Location
    West Virginia
    Posts
    36
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Google Maps API and CSS together...

    Okay, How can I get this code-

    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-

    Code:
    <!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/TheScorp...ments/Map.html

  • #2
    New Coder
    Join Date
    Jun 2006
    Location
    West Virginia
    Posts
    36
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Bump?

  • #3
    New to the CF scene
    Join Date
    Nov 2006
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •