Menu
I had this working this morning and then I started working on getting different colored markers. Suddenly things failed. I removed my color markers script and thought I had this code back to where I was but, [I]marker
[code=html]<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″/>
<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″/>
<meta name=”viewport” content=”initial-scale=1.0, user-scalable=no”/>
<title>Ee</title>
<style type=”text/css”>
#map_b{width:640px; height:480px;position:absolute;top:2px;left:2px; }
#sBar{text-align:center;width:100px;position:absolute;right:1px;top:1px}
</style>
<script src=”http://maps.google.com/maps?file=api&v=2&key=” type=”text/javascript”></script>
<script type=”text/javascript”>
// lat long zoom infoWindow index
var ps=[‘37.4220323, -120.0845109,4,All,0’,
‘37.4220323, -122.0845109,14,PaloAlto,1’,
‘39.4220323, -120.0845109,7,Anywhere,2’]
for(i=0;i<ps.length;i++){ps[i]=ps[i].split(‘,’)}
var marker=[]; var h=[];
function mapIt(za,zb,zc,zd,ze){
map = new GMap2(document.getElementById(“map_b”));
var point = new GLatLng(za, zb);
map.setCenter(point, zc);
map.setMapType(G_HYBRID_MAP);
map.setUIToDefault();
map.enableRotation();
if(zd==’All’){MK(); return}
else{
marker=new GMarker(new GLatLng(ps[ze][0],ps[ze][1])); h=”+ps[ze][3]+”;
GEvent.addListener(marker, ‘click’, function() { marker.openInfoWindowHtml(h); });
map.addOverlay(marker);}
}
function MK(){ marker=[]; h=[];
for(x=1;x<ps.length;x++){
marker[x]=new GMarker(new GLatLng(ps[x][0],ps[x][1])); h[x]=”+ps[x][3]+”;
GEvent.addListener(marker[x], ‘click’, function() { marker[x].openInfoWindowHtml(h[x]); });
map.addOverlay(marker[x])
}
}
function pointsOnOff(x){if(x.value==’off’){for(i=0;i<marker.length;i++){map.removeOverlay(marker[i]);}x.value=’on’;} else {for(i=1;i<marker.length;i++){map.addOverlay(marker[i]);} x.value=’off’}}
</script>
</head>
<body onload=”mapIt(ps[0][0],ps[0][1],5,’All’,0)” onunload=”GUnload()”>
<div id=”map_b” ></div>
<div id=”sBar” >
<script type=”text/javascript”>
for(i=0;i<ps.length;i++){document.write(‘<input type=button value=”‘+ps[i][3]+'” onclick=”mapIt(‘+ps[i][0]+’,’+ps[i][1]+’,’+ps[i][2]+’,this.value,’+i+’)”><br>’)}
</script>
<br>Markers<input type=button onclick=”pointsOnOff(this)” value=”off”>
</div>
</body>
</html>