npm - @armyc2.c5isr.renderer/mil-sym-ts-web - Versions diffs - 2.2.0 → 2.2.1 - Mend

@armyc2.c5isr.renderer/mil-sym-ts-web 2.2.0 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (168) hide show

package/test/MPWW.html DELETED Viewed

@@ -1,556 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<!-- Meta line required for IE-->
-<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge" /> -->
-<!-- <script src="dist/C5RenDebug.js" type="text/javascript" ></script> -->
-<script src="../dist/C5Ren.js" type="text/javascript" ></script>
- <script type = "text/javascript">
-var worker;
-try
-{
-    worker = new Worker('MPWorker.js');
-	//worker = new Worker('dist/MPWorker.js');
-}
-catch(e)
-{
-    console.log("Error in new Worker('MPWorker.js')");
-    console.log(e);
-    console.log(e.stack);
-}
-var timeAmbush;
-var startWW = null;
-var stopWW = null;
-function setup()
-{
-    document.getElementById("testRender").disabled = true;
-    //C5Ren.initialize("/../dist/").then(function(results){document.getElementById("testRender").disabled = false;}).catch(error => {throw error;});
-	document.getElementById("testRender").disabled = false;
-}
-function formatKMLForHTML(kml)
-{
-	var formattedKML = "";
-	var tempString = kml;
-	var index = 0;
-	var start = 0;
-	var index = tempString.indexOf("<");
-	while(index >=0)
-	{
-		tempString = tempString.replace("<","&lt;");
-		start = index+1;
-		index = tempString.indexOf("<", start);
-	}
-	var index = tempString.indexOf(">");
-	while(index >=0)
-	{
-		tempString = tempString.replace(">","&gt;");
-		start = index+1;
-		index = tempString.indexOf(">", start);
-	}
-	formattedKML = tempString;
-	return formattedKML;
-}
-function cleartext()
-{
-	//alert('clr');
-	document.getElementById("contentSpan").innerHTML = "";
-    var svgImage = document.getElementById("preview2");
-                svgImage.src = null;
-	return;
-}
-function testRender()
-{
-    //var rendererMP = document.getElementById("SECRenderApplet");
-	//var rendererMP = new sec.web.renderer.SECWebRenderer();
-        var rendererMP = C5Ren.SECWebRenderer;
-    if (rendererMP !== null) {
-	var renderCount = 1000;
-/*var foo = new java.lang.StringBuilder("test");
-foo.append("ing");
-console.log(foo);
-console.log(foo.toString());*/
-        var modifiers = new Map();
-		var attributes = new Map();
-        //AMBUSH EXAMPLE
-        var symbolCode = "110325000014170000000000000000";//ambush
-        //var symbolCode = "110325000015020000000000000000"; //assembly area
-        //var symbolCode = "110325000014010000000000000000";//flot
-        var controlPoints = "66.26700036208742,30.62755038706961 66.27555681517738,30.64727776502703 66.25654247497746,30.64632704801704";
-		//var controlPoints = "66.26700036208742,30.62755038706961 66.27555681517738,30.64727776502703";
-        var bbox = "66.25,30.60,66.28,30.65";//full coverage
-		//var bbox = "66.27,30.63,66.28,30.65";//clip
-        //var bbox = "-180.0,-90.0,180.0,90.0";
-        var scale = 50000.0;
-		var pixelWidth = 800;
-		var pixelHeight = 600;
-		//change this to format JSON to see the different output.
-		var format = C5Ren.WebRenderer.OUTPUT_FORMAT_GEOJSON;
-        //var format = formatGeoCanvas;
-		//var format = formatKML;
-        //var format = formatGeoSVG;
-		var cbFormat = document.getElementById("lbFormat").value;
-		if(cbFormat == "GeoSVG")
-			format = C5Ren.WebRenderer.OUTPUT_FORMAT_GEOSVG;
-		else if(cbFormat == "GeoJSON")
-			format = C5Ren.WebRenderer.OUTPUT_FORMAT_GEOJSON;
-		else
-			format = C5Ren.WebRenderer.OUTPUT_FORMAT_KML;
-		//RenderSymbol2D recommended for 2D maps.  KML or JSON format will work.
-		//KML is being worked on more due to google earth in bcweb.  We are not actively using JSON for anything.
-		//ID, Name and Description are optional when using JSON format.
-		var json = null;
-        var data = null;
-        var data = {};
-            data.id = "ID";
-            data.name = "Name";
-            data.description = "description";
-            data.symbolID = symbolCode;
-            data.points = controlPoints;
-            //data.altMode = "absolute";//comment out to render as 2D
-            data.scale = scale;
-            data.bbox = bbox;
-            data.modifiers = modifiers;//{"AM":[3000,10000],"AN":[315,45],"X":[0],"LOOKAT":true};
-			data.attributes = attributes;
-            data.format = format;
-            data.pixelHeight = pixelHeight;
-            data.pixelWidth = pixelWidth;
-            data.batch = [];
-		for(var i = 0; i < renderCount; i++)
-		{
-			//json = rendererMP.RenderSymbol2D("ID","Name","Description", symbolCode, controlPoints, pixelWidth, pixelHeight, bbox, modifiers,format);
-            var item = {id:"ID",name:"name",description:"description",symbolID:symbolCode,points:controlPoints,modifiers:modifiers,attributes:attributes};
-            data.batch.push(item);
-		}
-        startWW = Date.now();
-        worker.onerror = function(e)
-        {
-            console.log(e);
-        }
-        worker.onmessage = function(e)
-		{
-            stopWW = Date.now();
-            timeAmbush = (stopWW-startWW) / 1000 / renderCount;
-            //console.log(timeAmbush);
-            var totalAmbush = (stopWW-startWW) / 1000;
-            document.getElementById("contentSpan").innerHTML = "";
-            document.getElementById("contentSpan").innerHTML += "<br/><br/>Ambush avg: "+ timeAmbush +"  <br/>";
-            document.getElementById("contentSpan").innerHTML += "Ambush x" + renderCount + " total: "+ totalAmbush +"  <br/>";
-            if(e.data.id)//not a batch call
-            {
-                result = e.data.result;
-                document.getElementById("contentSpan").innerHTML += "<br/><br/>Symbol via Web Worker:   <br/>";
-            }
-            else//batch call
-            {
-                document.getElementById("contentSpan").innerHTML += "<br/><br/>Batch Symbol via Web Worker:   <br/>";
-                result = e.data.result[0];
-            }
-            updatePageResults(result);//*/
-        }
-        worker.postMessage(data)
-		//can also pass parameter saying which version of MilStd to use.
-		//var json = rendererMP.RenderSymbol2D("ID","Name","Description", symbolCode, controlPoints, pixelWidth, pixelHeight, bbox, modifiers,format,symStd);
-function updatePageResults(data)
-{
-		if(format === C5Ren.WebRenderer.OUTPUT_FORMAT_GEOJSON)
-		{
-			document.getElementById("contentSpan").innerHTML += "JSON Format:<br/>";
-			if (data == null || data == "")
-				document.getElementById("contentSpan").innerHTML += "json empty";
-			else
-				document.getElementById("contentSpan").innerHTML +=  data.geojson;
-		}
-		else if(format === C5Ren.WebRenderer.OUTPUT_FORMAT_GEOSVG)
-		{
-			var svg = result.svg;
-			var svgImage = document.getElementById("preview2");
-			svgImage.width = result.width;
-			svgImage.height = result.height;
-			//svgImage.src = "data:image/svg+xml;base64,"+window.btoa(svg);//svg;
-			svgImage.src = result.b64;
-			document.getElementById("contentSpan").innerHTML += "<plaintext>" + svg;// + "</plaintext>";
-		}
-		else// if formated as KML
-		{
-			document.getElementById("contentSpan").innerHTML += "KML Format:<br/>";
-			//the following is just so you can view the KML properly on the html page.
-			//this isn't something you'd normally do.
-			if (data == null || data == "")
-				document.getElementById("contentSpan").innerHTML += "kml empty";
-			else
-			{
-				var formattedKML = "";
-				formattedKML = formatKMLForHTML(data);
-				document.getElementById("contentSpan").innerHTML += formattedKML;
-				//document.getElementById("XMLHolder").innerHTML +=  json;//parseXMLString(json);
-			}
-		}
-}
-/*
-armyc2.c2sd.renderer.utilities.ErrorLogger.LogMessage("multiPoints3.html","testRender","ASSEMBLY AREA");
-		//ASSEMBLY AREA EXAMPLE
-		////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
-        //G*G*GLB---****X
-        //var symbolCode2 = "GFGPGLB-------X"; //boundary
-        //var symbolCode2 = "GHGPGAG-------X"; //general area
-        var symbolCode2 = "GHGPGAA-------X"; //assembly area
-        //var symbolCode2 = "GHMPOADC--****X"; //antitank ditch, complete
-        //var symbolCode2 = "GFTPL---------X"; //delay
-        //var symbolCode2 = "GHGPSLA-------X"; //ambush
-        var controlPoints2 = "66.26700036208742,30.62755038706961 66.27555681517738,30.64727776502703 66.25654247497746,30.64632704801704";
-        var bbox2 = "66.26,30.627,66.27,30.63"; //will show clipping at work
-        //var bbox2 = "66.25,30.627,66.27,30.63";//whole symbol will be calculated
-        //var bbox2 = "-180.0,-90.0,180.0,90.0";
-        var scale2 = 50000.0;
-		//modifiers = "{\"modifiers\":{\"uniqueDesignation1\":\"T modifier\"}}";
-		modifiers = "{\"modifiers\":{\"fillColor\":\"FFFFFF\",\"lineColor\":\"00FF00\"}}";
-		//format = formatJSON;
-		format = formatKML;
-		var json2;
-		var start = Date.now();
-		if(format == formatKML)
-		{
-			//RenderSymbol for 3D Google Earth.  KML format recommended.
-			for(var i = 0; i < renderCount; i++){
-				json2 = rendererMP.RenderSymbol("ID","Name","Description", symbolCode2, controlPoints2, "clampToGround",scale2, bbox2, modifiers,format);
-			}
-		}
-		else
-		{
-			//RenderSymbol2D for 2D maps, JSON Recommended for simpler output.
-			for(var i = 0; i < renderCount; i++){
-				json2 = rendererMP.RenderSymbol2D("ID","Name","Description", symbolCode2, controlPoints2, pixelWidth, pixelHeight, bbox2, modifiers,format);
-			}
-		}
-		var stop = Date.now();
-		var timeAA = (stop-start)/1000 / renderCount;
-        document.getElementById("contentSpan").innerHTML += "<br/><br/>Assembly Area:   <br/>";
-		if(format == formatJSON)
-		{
-			document.getElementById("contentSpan").innerHTML += "JSON Format:<br/>";
-			if (json2 == null || json2 == "")
-				document.getElementById("contentSpan").innerHTML += "json empty";
-			else
-			{
-				document.getElementById("contentSpan").innerHTML += json2;
-			}
-		}
-		else// if formated as KML
-		{
-			document.getElementById("contentSpan").innerHTML += "KML Format:<br/>";
-			//the following is just so you can view the KML properly on the html page.
-			//this isn't something you'd normally do.
-			if (json2 == null || json2 == "")
-				document.getElementById("contentSpan").innerHTML += "kml empty";
-			else
-			{
-				var formattedKML = "";
-				formattedKML = formatKMLForHTML(json2);
-				document.getElementById("contentSpan").innerHTML += formattedKML;
-				//document.getElementById("XMLHolder").innerHTML +=  json;//parseXMLString(json);
-			}
-		}
-armyc2.c2sd.renderer.utilities.ErrorLogger.LogMessage("multiPoints3.html","testRender","SECTOR RANGE FAN");
-		//SECTOR RANGE FAN EXAMPLE
-		////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
-		var symbolCode3 = "GFFPAXS---****X"; //sector range fan
-        var controlPoints3 = "66.26700036208742,30.62755038706961";
-        var bbox3 = "66.25,30.627,66.27,30.63";//whole symbol will be calculated
-        //var bbox2 = "-180.0,-90.0,180.0,90.0";
-        var scale3 = 50000.0;
-		//distance (AM), azimuth (AN), and altitudeDepth (X) can all have multiple values so they are enclosed in brackets.
-		modifiers = "{\"modifiers\":{\"distance\":[300,1000],\"azimuth\":[315,45],\"altitudeDepth\":[0]}}";
-		//format = formatJSON;
-		format = formatKML;
-		var json3;
-		start = Date.now();
-		if(format == formatKML)
-		{
-			//RenderSymbol for Google Earth.  KML format recommended.
-			for(var i = 0; i < renderCount; i++){
-				json3 = rendererMP.RenderSymbol("ID","Name","Description", symbolCode3, controlPoints3, "clampToGround",scale3, bbox3, modifiers,format);
-			}
-		}
-		else
-		{
-			//RenderSymbol2D for 2D maps, JSON Recommended for simpler output.
-			for(var i = 0; i < renderCount; i++){
-				json3 = rendererMP.RenderSymbol2D("ID","Name","Description", symbolCode3, controlPoints3, pixelWidth, pixelHeight, bbox3, modifiers,format);
-			}
-		}
-		stop = Date.now();
-		var timeSRF = (stop-start)/1000 / renderCount;
-        document.getElementById("contentSpan").innerHTML += "<br/><br/>Sector Range Fan:   <br/>";
-		if(format == formatJSON)
-		{
-			document.getElementById("contentSpan").innerHTML += "JSON Format:<br/>";
-			if (json3 == null || json3 == "")
-				document.getElementById("contentSpan").innerHTML += "json empty";
-			else
-			{
-				document.getElementById("contentSpan").innerHTML += json3;
-			}
-		}
-		else// if formated as KML
-		{
-			document.getElementById("contentSpan").innerHTML += "KML Format:<br/>";
-			//the following is just so you can view the KML properly on the html page.
-			//this isn't something you'd normally do.
-			if (json3 == null || json3 == "")
-				document.getElementById("contentSpan").innerHTML += "kml empty";
-			else
-			{
-				var formattedKML = "";
-				formattedKML = formatKMLForHTML(json3);
-				document.getElementById("contentSpan").innerHTML += formattedKML;
-				//document.getElementById("XMLHolder").innerHTML +=  json;//parseXMLString(json);
-			}
-		}
-        ////////////////////////////////////////////////////////////////////////////////////////
-armyc2.c2sd.renderer.utilities.ErrorLogger.LogMessage("multiPoints3.html","testRender","FLOT");
-		//FLOT EXAMPLE
-		////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
-		var symbolCode4 = "GHGPGLF-------X"; //flot
-        var controlPoints4 = "8.40185525443334,38.95854638813517 15.124217101733166,36.694658205882995 18.49694847529253,40.113591379080155 8.725267851897936,42.44678226078903 8.217048055882143,40.76041657400935";
-        var bbox4 = "5.76417051405295,34.86552015439102,20.291017309471272,45.188646318100695";
-        //var bbox2 = "-180.0,-90.0,180.0,90.0";
-        var scale4 = 5869879.2;
-		//distance (AM), azimuth (AN), and altitudeDepth (X) can all have multiple values so they are enclosed in brackets.
-		modifiers = "{\"modifiers\":{\"lineColor\":\"ffff0000\"}}";
-		//format = formatJSON;
-		format = formatKML;
-		var json4;
-		var start = Date.now();
-		if(format === formatKML)
-		{
-			//RenderSymbol for Google Earth.  KML format recommended.
-			for(var i = 0; i < renderCount; i++){
-				json4 = rendererMP.RenderSymbol("ID","Name","Description", symbolCode4, controlPoints4, "clampToGround",scale4, bbox4, modifiers,format);
-			}
-		}
-		else
-		{
-			//RenderSymbol2D for 2D maps, JSON Recommended for simpler output.
-			for(var i = 0; i < renderCount; i++){
-				json4 = rendererMP.RenderSymbol2D("ID","Name","Description", symbolCode4, controlPoints4, pixelWidth, pixelHeight, bbox4, modifiers,format);
-			}
-		}
-		var stop = Date.now();
-		var time = stop - start;
-		var timeFlot = (stop-start)/1000 / renderCount;
-		//alert('Render 1k symbols: ' + (time/1000));
-		//console.log('Render 1k symbols: ' + (time/1000));
-        document.getElementById("contentSpan").innerHTML += "<br/><br/>FLOT:   <br/>";
-		if(format === formatJSON)
-		{
-			document.getElementById("contentSpan").innerHTML += "JSON Format:<br/>";
-			if (json4 === null || json4 === "")
-				document.getElementById("contentSpan").innerHTML += "json empty";
-			else
-			{
-				document.getElementById("contentSpan").innerHTML += json4;
-			}
-		}
-		else// if formated as KML
-		{
-			document.getElementById("contentSpan").innerHTML += "KML Format:<br/>";
-			//the following is just so you can view the KML properly on the html page.
-			//this isn't something you'd normally do.
-			if (json4 == null || json4 == "")
-				document.getElementById("contentSpan").innerHTML += "kml empty";
-			else
-			{
-				var formattedKML = "";
-				formattedKML = formatKMLForHTML(json4);
-				document.getElementById("contentSpan").innerHTML += formattedKML;
-				//document.getElementById("XMLHolder").innerHTML +=  json;//parseXMLString(json);
-			}
-		}
-		*/
-        //document.getElementById("contentSpan").innerHTML += "<br/><br/>Ambush: "+ timeAmbush +"  <br/>";
-		/*document.getElementById("contentSpan").innerHTML += "Assembly Area: "+ timeAA +"  <br/>";
-		document.getElementById("contentSpan").innerHTML += "Sector Range Fan: "+ timeSRF +"  <br/>";
-		document.getElementById("contentSpan").innerHTML += "FLOT: "+ timeFlot +"  <br/>";*/
-		//webworker
-		/*var json4;
-		var data = {};
-		data.id = "ID";
-		data.name = "Name";
-		data.description = "description";
-		data.symbolID = symbolCode4;
-		data.points = controlPoints4;
-		data.altMode = "absolute";
-		data.scale = scale4;
-		data.bbox = bbox4;
-		data.modifiers = modifiers;
-		data.format = format;
-		data.pHeight = pixelHeight;
-		data.pWidth = pixelWidth;
-		var worker = new Worker('worker.js');
-		worker.postMessage(data);
-		worker.onmessage = function(e)
-		{
-			json4 = e.data;
-			document.getElementById("contentSpan").innerHTML += "<br/><br/>Sector Range Fan:   <br/>";
-			if(format == formatJSON)
-			{
-				document.getElementById("contentSpan").innerHTML += "JSON Format:<br/>";
-				if (json4 == null || json4 == "")
-					document.getElementById("contentSpan").innerHTML += "json empty";
-				else
-				{
-					document.getElementById("contentSpan").innerHTML += json4;
-				}
-			}
-			else// if formated as KML
-			{
-				document.getElementById("contentSpan").innerHTML += "KML Format:<br/>";
-				//the following is just so you can view the KML properly on the html page.
-				//this isn't something you'd normally do.
-				if (json4 == null || json4 == "")
-					document.getElementById("contentSpan").innerHTML += "kml empty";
-				else
-				{
-					var formattedKML = "";
-					formattedKML = formatKMLForHTML(json4);
-					document.getElementById("contentSpan").innerHTML += formattedKML;
-					//document.getElementById("XMLHolder").innerHTML +=  json;//parseXMLString(json);
-				}
-			}
-		};//*/
-        ////////////////////////////////////////////////////////////////////////////////////////
-		//point performance test
-/*
-		//var a = new Array();
-        var a = new java.util.ArrayList();
-        //var b = new Array();
-		var b = new java.util.ArrayList();//Array();
-		var c = new Array();
-		var count = 10000;
-		var startA = Date.now();
-		for(var i =0; i<count; i++)
-		{
-                    //a.push(new armyc2.c2sd.graphics2d.Point2D(300,500));
-					//a[i].getY();
-                    //a[i].getY();
-					a.add(new armyc2.c2sd.graphics2d.Point2D(300,500));
-                    a.get(i).getX();
-                    a.get(i).getY();
-		}
-		var stopA = Date.now();
-		var startB = Date.now();
-		var pt2dtemp = null;
-		for(var j =0; j<count; j++)
-		{
-					pt2dtemp = new armyc2.c2sd.graphics2d.Point2D();
-					pt2dtemp.setLocation(300,500);
-					//b.push(pt2dtemp);
-					//b[j].getY();
-                    //b[j].getY();
-                    b.add(pt2dtemp);
-                    b.get(j).getX();
-                    b.get(j).getY();
-		}
-		var stopB = Date.now();
-		var startC = Date.now();
-		for(var k =0; k<count; k++)
-		{
-                    c.push(new milstd.renderer.SO.Point(300,500));
-                    c[k].getX();
-                    c[k].getY();
-		}
-		var stopC = Date.now();
-		var timeA =  "<br/><br/>Point2D(x,y):   <br/>"  + (stopA - startA)/1000;
-		var timeB = "<br/><br/>Point2D():   <br/>"  + (stopB - startB)/1000;
-		var timeC = "<br/><br/>SO.Point   <br/>"  + (stopC - startC)/1000;
-		//alert('Render 1k symbols: ' + (time/1000));
-		//console.log('Render 1k symbols: ' + (time/1000));
-		document.getElementById("contentSpan").innerHTML += timeA;
-		document.getElementById("contentSpan").innerHTML += timeB;
-		document.getElementById("contentSpan").innerHTML += timeC;
-                //*/
-        ////////////////////////////////////////////////////////////////////////////////////////
-    } //end if
-}
-	</script>
-</head>
-<body onload="setup();">
-	<img id="preview2" src="" alt="" height="100%" width="100%"><br>
-	Format: <select id = lbFormat>
-		<option>GeoJSON</option>
-		<option>GeoSVG</option>
-	</select>
-    <button id="testRender" type='button' onclick='testRender()'>Test Multipoint</button>
-	<button type='button' onclick='cleartext()'>Clear</button>
-   <span id='contentSpan'/>
-</body>
-</html>