<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Wialon Playground - Get units</title>
    <script type="text/javascript" src="//code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src="//hst-api.wialon.com/wsdk/script/wialon.js"></script>
</head>
<body>

Select unit: <select id="units"><option></option></select>
<div id="log"></div>

</body>
</html>
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Wialon Playground - Get units</title>
    <script type="text/javascript" src="//code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src="//hst-api.wialon.com/wsdk/script/wialon.js"></script>
</head>
<body>
​
Select unit: <select id="units"><option></option></select>
<div id="log"></div>
​
</body>
</html>
HTML

#log { border: 1px solid #c6c6c6; }
.icon {float:left; margin:10px;}
 
#log { border: 1px solid #c6c6c6; }
.icon {float:left; margin:10px;}
CSS

// Print message to log
function msg(text) { $("#log").prepend(text + "<br/>"); }

function init() { // Execute after login succeed
	var sess = wialon.core.Session.getInstance(); // get instance of current Session
	// flags to specify what kind of data should be returned
	var flags = wialon.item.Item.dataFlag.base | wialon.item.Unit.dataFlag.lastMessage;

    sess.loadLibrary("itemIcon"); // load Icon Library	
    sess.updateDataFlags( // load items to current session
	[{type: "type", data: "avl_unit", flags: flags, mode: 0}], // Items specification
		function (code) { // updateDataFlags callback
    		if (code) { msg(wialon.core.Errors.getErrorText(code)); return; } // exit if error code

            // get loaded 'avl_unit's items  
	    	var units = sess.getItems("avl_unit");
    		if (!units || !units.length){ msg("Units not found"); return; } // check if units found

		    for (var i = 0; i< units.length; i++){ // construct Select object using found units
			    var u = units[i]; // current unit in cycle
			    // append option to select
			    $("#units").append("<option value='"+ u.getId() +"'>"+ u.getName()+ "</option>");
			}
            // bind action to select change event
		    $("#units").change( getSelectedUnitInfo );
	    }
	);
}

function getSelectedUnitInfo(){ // print information about selected Unit

	var val = $("#units").val(); // get selected unit id
	if(!val) return; // exit if no unit selected
	
	var unit = wialon.core.Session.getInstance().getItem(val); // get unit by id
	if(!unit){ msg("Unit not found");return; } // exit if unit not found
	
	// construct message with unit information
	var text = "<div>'"+unit.getName()+"' selected. "; // get unit name
	var icon = unit.getIconUrl(32); // get unit Icon url
	if(icon) text = "<img class='icon' src='"+ icon +"' alt='icon'/>"+ text; // add icon to message
	var pos = unit.getPosition(); // get unit position
	if(pos){ // check if position data exists
	    var time = wialon.util.DateTime.formatTime(pos.t);
		text += "<b>Last message</b> "+ time +"<br/>"+ // add last message time
			"<b>Position</b> "+ pos.x+", "+pos.y +"<br/>"+ // add info about unit position
			"<b>Speed</b> "+ pos.s; // add info about unit speed
        // try to find unit location using coordinates 
		wialon.util.Gis.getLocations([{lon:pos.x, lat:pos.y}], function(code, address){ 
			if (code) { msg(wialon.core.Errors.getErrorText(code)); return; } // exit if error code
			msg(text + "<br/><b>Location of unit</b>: "+ address+"</div>"); // print message to log
		});
	} else // position data not exists, print message
		msg(text + "<br/><b>Location of unit</b>: Unknown</div>");
}

// execute when DOM ready
$(document).ready(function () {
	wialon.core.Session.getInstance().initSession("https://hst-api.wialon.com"); // init session
    // For more info about how to generate token check
    // http://sdk.wialon.com/playground/demo/app_auth_token
	wialon.core.Session.getInstance().loginToken("5dce19710a5e26ab8b7b8986cb3c49e58C291791B7F0A7AEB8AFBFCEED7DC03BC48FF5F8", "", // try to login
		function (code) { // login callback
		    // if error code - print error message
			if (code){ msg(wialon.core.Errors.getErrorText(code)); return; }
			msg("Logged successfully"); init(); // when login suceed then run init() function
	});
});
 
// Print message to log
function msg(text) { $("#log").prepend(text + "<br/>"); }
​
function init() { // Execute after login succeed
    var sess = wialon.core.Session.getInstance(); // get instance of current Session
    // flags to specify what kind of data should be returned
    var flags = wialon.item.Item.dataFlag.base | wialon.item.Unit.dataFlag.lastMessage;
​
    sess.loadLibrary("itemIcon"); // load Icon Library  
    sess.updateDataFlags( // load items to current session
    [{type: "type", data: "avl_unit", flags: flags, mode: 0}], // Items specification
        function (code) { // updateDataFlags callback
            if (code) { msg(wialon.core.Errors.getErrorText(code)); return; } // exit if error code
​
            // get loaded 'avl_unit's items  
            var units = sess.getItems("avl_unit");
            if (!units || !units.length){ msg("Units not found"); return; } // check if units found
JS

Result

Source code of example Close ✕

 
/*source*/