Hey. I just had the same problem. Just copy the code below and fill in
my information with yours. also from looking at the code you should be
able to figure out what it is you need to copy and paste just to add
another marker. this is the simplest way i've found for now. hope it
helps.
<!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="YOUR GOOGLE KEY" type="text/javascript"></script>
</head>
<body>
<div id="map" style="width: 1000px; height: 800px"></div>
<script type="text/javascript">
//<![CDATA[
var map = new GMap(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.centerAndZoom(new GPoint(-71.100173, 42.381288), 4);
map.addControl(new GMapTypeControl());
// var marker = new GMarker(point);
var marker = new GMarker(new GPoint(-71.100173, 42.381288));
map.addOverlay(marker);
var html = "<b>NAME</b><br>NUMBER<br>ADDRESS<br>ZIP";
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
// var marker = new GMarker(point);
var marker2 = new GMarker(new GPoint(-71.038404, 42.369901));
map.addOverlay(marker2);
var html2 = "<b>NAME</b><br>NUMBER<br>ADDRESS<br>ZIP";
GEvent.addListener(marker2, "click", function() {
marker2.openInfoWindowHtml(html2);
});
//]]>
</script>
</body>
</html>
|
