Map Not Showing Up - Using Basic Script

samantha

unread,

Nov 18, 2010, 12:53:24 PM11/18/10

to google-map...@googlegroups.com

Hey...I'm not the greatest at this stuff, however, I managed to make the old API work.

I copied over the API script from the tutorial and adjusted to work for my site. I have gone through and double-checked each facet and I think everything is as it should be, but map still not showing up.

Would someone be willing to be a second pair of eyes and let me know what I am missing here?

http://430plantationclub.com/details/location2.htm

(What I would eventually like it to look like once I learn the scripting is on my current location.htm page using the old API:

Old Location Page

Script is included below:

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>430 Plantation Club, Sea Pines - Property Location</title>

src="http://maps.google.com/maps/api/js?sensor=false">

</script>

function initialize() {

var latlng = new google.maps.LatLng(32.129435, -80.792836);

var myOptions = {

zoom: 8,

center: latlng,

mapTypeId: google.maps.MapTypeId.ROADMAP

};

var map = new google.maps.Map(document.getElementById("map"),

myOptions);

}

</script>

</head>

</div>

</div>

</div>

<p>brochure</p>

<p><a href="flash_gallery/gallery.htm">gallery</a></p>

<p><a href="details.htm">details</a></p>

<p><a href="financials.htm">financial</a></p>

<p>documents</p>

<p><a href="location.htm">location</a></p>

<p><a href="http://sp-amenities.com/home.asp" target="_blank">amenities</a></p>

<p><a href="hilton_head.htm">hilton head</a></p>

</div>

</div>

</p>

</div>

<pre>Design by <a href="http://www.chameleoninteractive.net" target="_blank">CHAMELEON INTERACTIVE, LLC </a>©2009 <a href="http://www.chameleoninteractive.net" target="_blank">CHAMELEON INTERACTIVE, LLC</a>. All rights reserved. | <a href="../terms.htm">Terms</a> | <a href="../sitemap.htm">Sitemap</a> Photos by <a href="http://www.kaufmanphotography.com" target="_blank">KAUFMAN PHOTOGRAPHY</a></pre>

</div>

</div>

</body>

</html>

---------------------------------------------------------------------------------------------------------------------------

Thank you!!

Samantha

geoco...@gmail.com

unread,

Nov 18, 2010, 1:03:48 PM11/18/10

to Google Maps JavaScript API v3

On Nov 18, 9:53 am, samantha <saman...@chameleoninteractive.net>
wrote:

> Hey...I'm not the greatest at this stuff, however, I managed to make
> the old API work.
>
> I copied over the API script from the tutorial and adjusted to work for
> my site. I have gone through and double-checked each facet and I think
> everything is as it should be, but map still not showing up.
>
> Would someone be willing to be a second pair of eyes and let me know
> what I am missing here?
>
> http://430plantationclub.com/details/location2.htm
>
> (What I would eventually like it to look like once I learn the
> scripting is on my current location.htm page using the old API:
> Old Location Page
>

> <div id="map" style="width:100%; height:100%"></div>

100% of what? Looks to me like you have a zero-size div problem. If
I hard code the size on a local copy it appears.

-- Larry

> ---------------------------------------------------------------------------------------------------------------------------
>
> Thank you!!
>
> Samantha

samantha

unread,

Nov 18, 2010, 1:52:11 PM11/18/10

to google-map...@googlegroups.com

Hey Larry,

I'm not sure to what you are referring. The 100% reflects back on the size of the "map" div. I took this code straight from the "tutorial" example given by Google Maps. I have a "map" div. In my CSS, as I have already defined the parent dimensions. The tutorial says to let the "map" div take on the dimensions of the parent block. Which is what I did.

How else should this look?

Samantha

geoco...@gmail.com

unread,

Nov 18, 2010, 1:58:51 PM11/18/10

to Google Maps JavaScript API v3

On Nov 18, 10:52 am, samantha <saman...@chameleoninteractive.net>
wrote:

> Hey Larry,
>
> I'm not sure to what you are referring. The 100% reflects back on the
> size of the "map" div. I took this code straight from the "tutorial"
> example given by Google Maps. I have a "map" div. In my CSS, as I have
> already defined the parent dimensions. The tutorial says to let
> the "map" div take on the dimensions of the parent block. Which is what
> I did.

That is fine. But somewhere in the css chain on your page, something
is different.
Look at the css included on the example you started with.

(I suspect this is a css problem, not a maps problem)

Or try hardcoding the size (using pixels not percent), verify it fixes
the problem for you, then address the missing css (if it works).

-- Larry

Ava

unread,

Nov 18, 2010, 3:20:37 PM11/18/10

to google-map...@googlegroups.com

I had the same problem until I hard coded a div size in the stylesheet.

samantha

unread,

Nov 18, 2010, 3:48:04 PM11/18/10

to google-map...@googlegroups.com

Thanks guys...hard coding did it! I'll have to get it uploaded later...but at least it is working via Dreamweaver.