In my application I have to integrate google map in one of my web pages,
here's my code for integrating the google map..
<!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>
<script src="http://maps.google.com/maps?file=api&v=1" type="text/javascript">
</script>
</head>
<body>
<div id="map" style="width: 700px; height: 500px"></div>
<script type="text/javascript">
//<![CDATA[
var map = new GMap(document.getElementById("map"));
map.centerAndZoom(new GPoint(-83.022206, 39.998264), 7);
map.setCenter(point, 15);
map.setUIToDefault();
map.setMapType(G_NORMAL_MAP);
// Create the marker and corresponding information window
function createInfoMarker(point, address)
{
var marker = new GMarker(point);
GEvent.addListener(marker, "click",
function()
{
marker.openInfoWindowHtml(address);
}
);
return marker;
}
// University Hall
var point = new GPoint(-83.013307, 40.000610);
address = "University Hall<br />230 North Oval Mall <br />Columbus, Ohio 43210";
var marker = createInfoMarker(point, address);
map.addOverlay(marker);
//]]>
</script>
</body>
</html>
its working fine but, here now i want to put my user defined markers...
can any one help me in doing this...
thanks