KMLExporter.js

/*  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
*            Itinerary Visualization on Australia's National Map
*  			
*                                Data61                     
*                                                                       
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*   
*              Name: KMLExporter.js
*     Creation Date: 2/16/2016
*            Author: J.Christiansen, J.Osborne, R.Clayton, S.Warne
*  
*     Description: This file contains the functions that will create the KML
*                  to be exported to the user. 
* 
*	  Code Review:	Code reviewed 5/02/2016 J.Christiansen, J.Osborne, 
*                                           R.Clayton, S.Warne
*  
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

var KMLExporter = function () {
	this.styleURLYelp = "yelp-point";
	this.styleURLTweet = "tweet-point";
	this.xmlns = "http://www.opengis.net/kml/2.2";
	
	this.kmlroot = document.implementation.createDocument(this.xmlns, "kml", null);
	this.Document = document.createElementNS(this.xmlns, "Document");
		this.kmlroot.documentElement.appendChild(this.Document);
		/*var styleYelp =  document.createElementNS(this.xmlns, "Style");
			styleYelp.setAttribute("id", this.styleURLYelp);
			this.Document.appendChild(styleYelp);
			var LabelStyleYelp =  document.createElementNS(this.xmlns, "LabelStyle");
			styleYelp.appendChild(LabelStyleYelp);
			var colorYelp = document.createElementNS(this.xmlns, "color")
			LabelStyleYelp.appendChild(colorYelp);
			var colorModeYelp = document.createElementNS(this.xmlns, "colorMode")
			LabelStyleYelp.appendChild(colorModeYelp);
			colorYelp.appendChild(document.createTextNode("ff00ffff"));
			colorModeYelp.appendChild(document.createTextNode("normal"));
		var styleTweet =  document.createElementNS(this.xmlns, "Style");
			styleTweet.setAttribute("id", this.styleURLTweet);
			this.Document.appendChild(styleTweet);
			var LabelStyleTweet =  document.createElementNS(this.xmlns, "LabelStyle");
			styleTweet.appendChild(LabelStyleTweet);
			var colorTweet = document.createElementNS(this.xmlns, "color")
			LabelStyleTweet.appendChild(colorTweet);
			var colorModeTweet = document.createElementNS(this.xmlns, "colorMode")
			LabelStyleTweet.appendChild(colorModeTweet);
			colorTweet.appendChild(document.createTextNode("ffff0000"));
			colorModeTweet.appendChild(document.createTextNode("normal"));*/
			
			
}

/**
 * Add a route to the document.
 * The coordinates parameter has the format:
 * Array<{lng: number, lat: number}>
 */
KMLExporter.prototype.addRoute = function (coordinates, distanceRanking, numRoutes) {
	// Convert the list of coordinates to a KML-compliant string.
	var coordString = "";
	var coordStringBeauty = "";
	var coordStringTime = "";
	var maxWidth = 10;
	var isDistanceChecked = document.getElementById("check2").checked;
	var isTimeChecked = document.getElementById("check3").checked;
	var isBeautyChecked = document.getElementById("check4").checked;
	for (var i = 0; i < coordinates.length; i++) {
		coordString += coordinates[i].lng + "," + coordinates[i].lat + "," + 0 + " ";
		if(isBeautyChecked){
			coordStringBeauty += (coordinates[i].lng-0.05) + "," + (coordinates[i].lat-0.05) + "," + 0 + " ";
		}
		if(isTimeChecked){
			coordStringTime += (coordinates[i].lng-0.1) + "," + (coordinates[i].lat-0.1) + "," + 0 + " ";
		}
	}
		
	if(isDistanceChecked == true){
		var routeWidth = (Math.floor(maxWidth*((numRoutes - distanceRanking)/numRoutes))).toString();
	} else {
		var routeWidth = maxWidth;
	}
	console.log("KMLExporter ran with distanceRanking:" + distanceRanking + " routeWidth: " + routeWidth +" numRoutes: "+numRoutes)
	
	beautyRanking = distanceRanking; //Temporary for demo
	timeRanking = distanceRanking;
	
	var distanceStyle = document.createElementNS(this.xmlns, "Style");
		this.Document.appendChild(distanceStyle);
		distanceStyle.setAttribute("id", "distance-"+distanceRanking);
		var distanceLineStyle = document.createElementNS(this.xmlns, "LineStyle");
		distanceStyle.appendChild(distanceLineStyle);
		var distanceColor = document.createElementNS(this.xmlns, "color");
		distanceLineStyle.appendChild(distanceColor);
		distanceColor.appendChild(document.createTextNode("ff0000ff"));
		var distanceWidth = document.createElementNS(this.xmlns, "width");
		distanceLineStyle.appendChild(distanceWidth);
		distanceWidth.appendChild(document.createTextNode(routeWidth));
	
	var beautyStyle = document.createElementNS(this.xmlns, "Style");
		this.Document.appendChild(beautyStyle);
		beautyStyle.setAttribute("id", "beauty-"+distanceRanking);
		var beautyLineStyle = document.createElementNS(this.xmlns, "LineStyle");
		beautyStyle.appendChild(beautyLineStyle);
		var beautyColor = document.createElementNS(this.xmlns, "color");
		beautyLineStyle.appendChild(beautyColor);
		beautyColor.appendChild(document.createTextNode("ff00ff00"));
		var beautyWidth = document.createElementNS(this.xmlns, "width");
		beautyLineStyle.appendChild(beautyWidth);
		beautyWidth.appendChild(document.createTextNode(routeWidth));
		
	var timeStyle = document.createElementNS(this.xmlns, "Style");
		this.Document.appendChild(timeStyle);
		timeStyle.setAttribute("id", "time-"+distanceRanking);
		var timeLineStyle = document.createElementNS(this.xmlns, "LineStyle");
		timeStyle.appendChild(timeLineStyle);
		var timeColor = document.createElementNS(this.xmlns, "color");
		timeLineStyle.appendChild(timeColor);
		timeColor.appendChild(document.createTextNode("ff00ffff"));
		var timeWidth = document.createElementNS(this.xmlns, "width");
		timeLineStyle.appendChild(timeWidth);
		timeWidth.appendChild(document.createTextNode(routeWidth));
		
	var KMLRoute = document.createElementNS(this.xmlns, "Placemark");
		this.Document.appendChild(KMLRoute);
		var KMLRouteName = document.createElementNS(this.xmlns, "name");
		KMLRoute.appendChild(KMLRouteName);
		KMLRouteName.appendChild(document.createTextNode("mockup"));
		var KMLRouteStyle = document.createElementNS(this.xmlns, "styleUrl");
		KMLRoute.appendChild(KMLRouteStyle);
		var KMLRouteLineString = document.createElementNS(this.xmlns, "LineString");
			KMLRoute.appendChild(KMLRouteLineString);
			var KMLRouteCoords = document.createElementNS(this.xmlns, "coordinates");
			KMLRouteLineString.appendChild(KMLRouteCoords);
			KMLRouteCoords.appendChild(document.createTextNode(coordString));
		
	KMLRouteStyle.appendChild(document.createTextNode("distance-"+distanceRanking));
		
		if(isBeautyChecked){
			var KMLBeautyRoute = document.createElementNS(this.xmlns, "Placemark");
				this.Document.appendChild(KMLBeautyRoute);
				var KMLBeautyRouteName = document.createElementNS(this.xmlns, "name");
				KMLBeautyRoute.appendChild(KMLBeautyRouteName);
				KMLBeautyRouteName.appendChild(document.createTextNode("mockup2"));
				var KMLRouteStyleBeauty = document.createElementNS(this.xmlns, "styleUrl");
				KMLBeautyRoute.appendChild(KMLRouteStyleBeauty);
				var KMLBeautyRouteLineString = document.createElementNS(this.xmlns, "LineString");
					KMLBeautyRoute.appendChild(KMLBeautyRouteLineString);
					var KMLBeautyRouteCoords = document.createElementNS(this.xmlns, "coordinates");
					KMLBeautyRouteLineString.appendChild(KMLBeautyRouteCoords);
					KMLBeautyRouteCoords.appendChild(document.createTextNode(coordStringBeauty));
			
			KMLRouteStyleBeauty.appendChild(document.createTextNode("beauty-"+beautyRanking));
		}
		
		if(isTimeChecked){
			var KMLTimeRoute = document.createElementNS(this.xmlns, "Placemark");
				this.Document.appendChild(KMLTimeRoute);
				var KMLTimeRouteName = document.createElementNS(this.xmlns, "name");
				KMLTimeRoute.appendChild(KMLTimeRouteName);
				KMLTimeRouteName.appendChild(document.createTextNode("mockup2"));
				var KMLRouteStyleTime = document.createElementNS(this.xmlns, "styleUrl");
				KMLTimeRoute.appendChild(KMLRouteStyleTime);
				var KMLTimeRouteLineString = document.createElementNS(this.xmlns, "LineString");
					KMLTimeRoute.appendChild(KMLTimeRouteLineString);
					var KMLTimeRouteCoords = document.createElementNS(this.xmlns, "coordinates");
					KMLTimeRouteLineString.appendChild(KMLTimeRouteCoords);
					KMLTimeRouteCoords.appendChild(document.createTextNode(coordStringTime));
			
			KMLRouteStyleTime.appendChild(document.createTextNode("time-"+timeRanking));
		}
}

KMLExporter.prototype.addPoint =  function(name, descriptionText, longitude, latitude) {
	
	var KMLPoint = document.createElementNS(this.xmlns, "Placemark");
		this.Document.appendChild(KMLPoint);
		var KMLPointName = document.createElementNS(this.xmlns, "name");
		KMLPoint.appendChild(KMLPointName);
		KMLPointName.appendChild(document.createTextNode(name));
		var KMLPointStyle = document.createElementNS(this.xmlns, "styleUrl");
		KMLPoint.appendChild(KMLPointStyle);
		var point = document.createElementNS(this.xmlns, "Point");
		KMLPoint.appendChild(point);
		var KMLcoordinates = document.createElementNS(this.xmlns, "coordinates");
		point.appendChild(KMLcoordinates);
		KMLcoordinates.appendChild(document.createTextNode(longitude+","+latitude+",0 "));
		var KMLdescription = document.createElementNS(this.xmlns, "description");
		KMLPoint.appendChild(KMLdescription);
		KMLdescription.appendChild(document.createTextNode(descriptionText));
		
		if (name == "Yelp"){
			KMLPointStyle.appendChild(document.createTextNode(this.styleURLYelp));
		} else if (name == "Tweet") {
			KMLPointStyle.appendChild(document.createTextNode(this.styleURLTweet));
		}
		
}

KMLExporter.prototype.getKML = function () {
	var s = new XMLSerializer();
	return s.serializeToString(this.kmlroot);
}