Changing Google Map Markers?

[MuGeN]

I can't seem to work out how to change the default balloon icon on a google map, I have created my own standard and hover images that I would like to use but I find it really tricky to get my head around the Google API stuff... could anyone point me in the right direction?

 

[ChrisB]

Here's a small, quick example

var point =new GLatLng(x,y)//x, y are where you want the point to be.
var icon=new GIcon();
icon.image='/path/to/your/image.png'

//add marker to your map using addoverlay
//e.g. GMap2.addOverlay(new Gmarker(point,icon))

Edit: forgot code tags, and made a mistake

 

[MuGeN]

I've been playing with the above code, but i couldn't get it going... this as as close as i've got but still no cigar, could someone help me out?

// custom marker icon
var icon = new GIcon();
icon.image = '/resources/images/dot.png';

// set up a marker with info
var point = new GLatLng(-37.80387,144.99056);
var marker = createMarker(point,'<div style="font: 10px Arial;"><b>Dusk Lighting</b></div>')

map.addOverlay(marker,icon);

 

[ChrisB]

Have a look at the source of this site:
http://econym.googlepages.com/example_custom.htm

Is your map actually working with normal markers?

 

[MuGeN]

I actually went a different route and used .json files (something i've wanted to try for a while anyway) and it worked a treat

I followed these instructions:

http://www.netmag.co.uk/zine/ajax/working-with-google-maps