gmap.html

This is the way to use Google map API...

		}
		else if(theTimes==2)
		{
			thePoly.color="#66FF00";
			thePoly.redraw();
		}
		else if(theTimes==3)
		{
			thePoly.color="#FF0000";
			thePoly.redraw();
		}
		else if(theTimes==4)
		{
			thePoly.color="#CCFF00";
			thePoly.redraw();
		}
		else if(theTimes==5)
		{
			thePoly.color="#9900CC";
			thePoly.redraw();
		}	
		
		else if(theTimes==6)
		{
			thePoly.color="#0000FF";
			thePoly.redraw();
		}
		else if(theTimes==7)
		{
			thePoly.color="#000000";
			thePoly.redraw();
		}
		
		theTimes++;
		//clearRoute(shortest);
	}
	
	function clearRoute(routeToClear)
	{
		while(true)
		{
			if(cleanVar==true)
			{
				routeToClear.clear();
			}
		}
	}	
		
	function markMakeOrange(markerToOrange)
	{
		for(var orangeInt=0; orangeInt<arrOutlets.length; orangeInt++)
		{
			if(arrOutlets[orangeInt].name == markerToOrange)
			{
				for(var orangeMarkInt=0; orangeMarkInt<arrMarks.length;orangeMarkInt++)
				{
					if((arrMarks[orangeMarkInt].getLatLng()).lat() == arrOutlets[orangeInt].latitude && (arrMarks[orangeMarkInt].getLatLng()).lng() == arrOutlets[orangeInt].longitude)
					{
						arrMarks[orangeMarkInt].setImage("markerOrange.png");
						break;
					}					
				}
				break;
			}			
		}
		
	}
	
		
	function errorHandleRoute()
	{
		//alert(gd);
	}
	
	function initEventListener(git)
	{
			
	}
	
	var far;
	function onGdicLoad()
	{
		//alert(gdItem.getDistance().meters);
		
		far = gd.getDistance().meters;
		
		//alert(far);
		
		
		
		
		
		//var poly = gdItem.getPolyline();
		//var distance = poly.getLength();
		//far = distance;
		//alert(distance);
	}	
	
	function getLengthOfRoute()
	{
		return (far+"");
	}
	
	function drawEfficientRoute()
	{
		var b = 1;
		var c = 0;
		for(var routeInt=1; routeInt<geoCodeArray.length; routeInt++)
		{
			for(var iChanging=1; iChanging<(geoCodeArray.length)-1; iChanging++)
			{			
				if(b > c)
				{
					c = b;
					var temp = geoCodeArray[iChanging];
					geoCodeArray[iChanging] = geoCodeArray[iChanging+1];
					geoCodeArray[iChanging+1] = temp;
					
					//drawTheRoute();	
					gdArray[gdIn] = new GDirections(map);
					gdArray[gdIn].loadFromWaypoints(geoCodeArray,{travelMode:G_TRAVEL_MODE_DRIVING, getPolyline:true, getSteps:false, preserveViewpoint:true});
					initEventListener(gdArray[gdIn]);
					
					gdIn++;
					
					b++;
				}

				
			}
			
		}
			
		showFarArr();
	}
	
	
	
	
	
	
	
	
	function showFarArr()
	{
		for(var showFar=0; showFar<farArr.length; showFar++)
		{
			alert(farArr[showFar]);
		}
	}
	
	
	
	
	
	
	
	
	
		
	function highlightSelected(itemToHighlight)
	{
		for(var intForHighlight = 0; intForHighlight< arrOutlets.length; intForHighlight++)
		{
			if(arrOutlets[intForHighlight].name == itemToHighlight)
			{
				for(var markHighlight=0; markHighlight < arrMarks.length; markHighlight++)
				{
					if((arrMarks[markHighlight].getLatLng()).lat() == arrOutlets[intForHighlight].latitude && (arrMarks[markHighlight].getLatLng()).lng() == arrOutlets[intForHighlight].longitude)
					{
						arrMarks[markHighlight].setImage("markerYellow.png");
						arrMarks[markHighlight].openInfoWindowHtml("<b>"+arrOutlets[intForHighlight].name+"("+arrOutlets[intForHighlight].id+")</b> </br>Address : "+arrOutlets[intForHighlight].addressSt+" "+arrOutlets[intForHighlight].city+" </br>Class : "+arrOutlets[intForHighlight].classID+"</br> TP: "+arrOutlets[intForHighlight].tp1+"</br>Fax: "+arrOutlets[intForHighlight].fax+"</br>Better to Call: "+arrOutlets[intForHighlight].outcall+"</br><b>Sales Rep- </b><br/>&nbsp;&nbsp;&nbsp;&nbsp;Name: "+arrOutlets[intForHighlight].repName +"("+arrOutlets[intForHighlight].repDesignation+")"+"<br/>&nbsp;&nbsp;&nbsp;&nbsp;TP: "+arrOutlets[intForHighlight].repTP,{pixelOffset:new GSize(32,8), maxWidth:540});

						break;
					}
				}
				break;
			}
		}
	}
	
	function markBlueAll(blueName)
	{
		for(var blueInt=0; blueInt<arrOutlets.length; blueInt++)
		{
			if(arrOutlets[blueInt].name == blueName)
			{
				for(var blueMarkInt=0; blueMarkInt<arrMarks.length;blueMarkInt++)
				{
					if((arrMarks[blueMarkInt].getLatLng()).lat() == arrOutlets[blueInt].latitude && (arrMarks[blueMarkInt].getLatLng()).lng() == arrOutlets[blueInt].longitude)
					{
						arrMarks[blueMarkInt].setImage("markerBlue.png");
						break;
					}					
				}
				break;
			}			
		}
	}







	
	function getInfo(oLet)
	{
		oLet.openInfoWindowHtml("seperate info.....");
	}
	
	function getLat()
	{
		var returnLat = null;
		
		if(lati != 0)
		{
			//alert("Latitude is : "+lati);
			returnLat = lati;
			lati = null;
		}
		
		return returnLat;
		
	}
	
	function getLongi()
	{
		var returnLongi = null;
		
		if(longi != 0)
		{
			returnLongi = longi;
			longi = null;
		}
		
		return returnLongi;
		
	}
	
	function getNameOfOut()
	{
		var returnName = null;
		
		if(nameOut != null)
		{
			returnName = nameOut;
			nameOut = null;
		}
		
		return returnName;
	
	}
	
	function getIDOfOut()
	{
		var returnID = null;
		
		if(outID != null)
		{
			returnID = outID;
			outID = null;
		}
		
		return returnID;
	}
	
	function getFound()
	{
		return found;
	}
	
	
	function initOutlet(idOfOut, outName, outClass, outStAddress, outCity, outTPNo1, outTPNo2, outFax, outCallTime, outProfile, outGroupID, outModified, outLat, outLongi, outRepName, outRepDes, outRepTP, outIndex)
	{
		arrOutlets[outIndex] = new Outlets();
		arrOutlets[outIndex].setData(idOfOut, outName, outClass, outStAddress, outCity, outTPNo1, outTPNo2, outFax, outCallTime, outProfile, outGroupID, outModified, outLat, outLongi, outRepName, outRepDes, outRepTP,outIndex);
		//arrOutlets[outIndex].setMarker();
			
	}

	
	
	//---------------- Creating objects of Outlets
	
	function Outlets()
	{
		var id = null;
		var name=null;
		var classID=null;
		var addressSt=null;
		var city = null;
		var tp1=null;
		var tp2=null;
		var fax=null;
		var outcall=null;
		var outPID=null;
		var gID=null;
		var modDate=null;
		var latitude=null;
		var longitude=null;
		var repName = null;
		var repDesignation = null;
		var repTP = null;
		var index = 0;
		
		this.setData = setData;
		
		
		function setData(newID, newName,newClass,newAdd,newCity,newTP1,newTP2,newFax,newCallTime,newPID,newGID,newMod,newLat,newLong,newRepName,newRepDesig,newRepTP,intIndex)
		{
			this.id = newID;
			this.name = newName;
			this.classID = newClass;
			this.addressSt = newAdd;
			this.city = newCity;
			this.tp1 = newTP1;
			this.tp2 = newTP2;
			this.fax = newFax;
			this.outcall = newCallTime;
			this.outPID = newPID;
			this.gID = newGID;
			this.modDate = newMod;
			this.latitude = newLat;
			this.longitude = newLong;
			this.repName = newRepName;
			this.repDesignation = newRepDesig;
			this.repTP = newRepTP;
			this.index = intIndex;
			//alert(this.name);
		}
			
	}	
	
	/*function Mark(item)
	{
	
		function setThings(boundry,newpoint,outletis)
		{
			if(latestBound.containsLatLng(newpoint))
			{
				map.addOverlay(item);
				
				GEvent.addListener(item,"mouseover",function(){
				
					item.openInfoWindowHtml(outletis.name+"</br>Outlet class: "+outletis.classID+"</br>"+outletis.addressSt+"</br>TP: "+outletis.tp1+"</br>Fax: "+outletis.fax+"</br>Best time to call: "+outletis.outcall);
					//	arrMarks[outletIndex].openInfoWindowHtml("HI");
							});			
			}
		}
	}*/
	
	
	
	
    </script>
  </head>

  <body onload="initialize();" scroll="no" style="height:100%; width:100%" >
   
      <div id="map_canvas" style="position: relative; width:100%; height:700px"></div>
	  <div id="direc" style "position:relative; width:0%; height:700px"></div>

  </body>
</html>