[SOLVED] Google maps createMarker()

[Graeme36]

Hi I am trying to place a marker on my embedded google map.....but as my knowledge of javascript is minimal I am struggling!!!!!

Here is the code I have in my <header> tag

HTML: Select all

<linkhref=StyleSheet.csstype="text/css"rel=Stylesheet/>
<metahttp-equiv="content-type"content="text/html; charset=utf-8"/>
<title>How to find us</title>
<scriptsrc="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAApI7YGn0MV7bA ZkIUezyLkxQg3LUq9t7qqiUlwmhNYuCv0JzBnxT2P6Ib2Drqux 3jiO6q5QDBfG7Y9Q"
type="text/javascript"></script>
<scripttype="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible())
{
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(53.4227, -2.9509), 15);
//code to try and place marker
function createMarker(point, html)
{
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function()
{
marker.openInfoWindowHtml(html);
});
return marker;
}
var point = new GLatLang(53.4227, -2.9509);
createMaker(point, 'We are here!');
map.addOverlay(marker);
}

}

//]]>
</script>

and in the body it just calls the onload() function....
the map is being displayed but not the marker.....any help as to where I am going wrong???

[Stuart]

I suggest you use something else, entirely!

If you are using Dreamweaver, check this out (it's 100% free):
Tools for Google

This is a small extension for Dreamweaver that allows you to quickly insert maps and other things from Google into your web page.

If you are not using Dreamweaver, tell me what you're using. I might be able to help, anyway.

Cheers,
SWagner

[Graeme36]

Hello
I am using Visual Web Developer....
I think I am getting there slowly but surely with javascript....
I have this code so far that loads the map but not the marker

function load()
{
var point = new GLatLng(53.4227, -2.9509)

if (GBrowserIsCompatible())
{
var map = new GMap2(document.getElementById("map"));
map.setCenter(point, 13);
createMarker(point, 'We are here!');
map.addOverlay(marker);
}

function createMarker(point, html)
{
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function()
{
marker.openInfoWindowHtml(html);
});
return marker;
}
}

The page is loading but with errors on page....I seems to be failing on the line
createMarker(point, 'We are here!');

any ideas what Ive done wrong???

[Stuart]

OK. First of all, where did you get this code? Usually a code is "handed out" with some sort of explanation...

[Graeme36]

Its OK problem solved.......I wasnt creating an instance of the object 'marker'.....the one inside the function createMarker was outside the scope of the main function. I just needed to add
var marker = createMarker(point, 'We are here!');
when calling the function.
The code by the way was courtesy of google maps api.
I just adapted it a bit

[Stuart]

OK. Sounds great. The variable call sometimes throws people off . I have used Google codes before, and I was sure that it wasn't a big deal.

Regards,
SWagner