Toggle navigation
Wialon Playground
Add library
jQuery latest
Bootstrap 3.3.1
Wialon Javascript SDK
Run
Get code
Fork
Save
Examples
Login
Get units
Change unit icon
Get messages
Get sensors
Edit sensors
Commands
Monitoring notification
Track layer
Get resources
Resources and accounts
Account parameters
Do payment
Management Driver
Get POIs
Create POI
Create notification
Get geofences
Geofence parameters
Create geofence
Export geofences
Gurtam map
Units on map
Unit trace
Create report template
Execute report
Execute custom report
Remaining SMS
Create driver
Bind driver to unit
Export resource props
Import resource props
Unit edit fields
Import fillings
Fuel by mail
Token login for site
Advanced authorization form
Token usage in app
Get location's geofences
Account hierarchy
Nearest units
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Wialon Playground - Export geofences</title> <script type="text/javascript" src="//code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript" src="https://hst-api.wialon.com/wsdk/script/wialon.js"></script> </head> <body> Resources: <select id="res"></select><br/> Select geofence:<select id="zones" multiple="multiple"></select><br/> Filename <input type="text" id="fname" value="Geofences"/><br/> <input type="button" id="export_btn" value="Export geofences"/> <div id="log"></div> </body> </html>
HTML
#log { border: 1px solid #c6c6c6; }
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 // specify what kind of data should be returned var flags = wialon.item.Item.dataFlag.base | wialon.item.Resource.dataFlag.zones; sess.loadLibrary("resourceZones"); // load Geofences Library sess.updateDataFlags( // load items to current session [{type: "type", data: "avl_resource", flags: flags, mode: 0}], // Items specification function (code){ // updateDataFlags callback if(code){ msg("Error: "+wialon.core.Errors.getErrorText(code)); return; } // exit if error code var res = sess.getItems("avl_resource"); // get loaded 'avl_resource's items for (var i = 0; i < res.length; i++) // construct Select list using found resources $("#res").append("<option value='"+ res[i].getId() +"'>"+ res[i].getName() +"</option>"); // bind action to select change $("#res").change( function(){ getZones(this.value); } ); }); } function getZones( res_id ){ // get geofences by resource id $("#zones").empty(); // clean 'zones' select list if(res_id){ // check if resource id exists var res = wialon.core.Session.getInstance().getItem(res_id); // get resource by id var zones = res.getZones(); // get resource's zones for(var i in zones) // construct Select list using found zones $("#zones").append("<option value='"+ res_id +"_"+ zones[i].id +"'>"+ zones[i].n +"</option>"); } } function export_zones(){ // get export url and promt to save a file var val = $("#zones").val(); // get selected geofences id if(val){ // if select at least one geofence var zones = []; // init variable for geofences for(var i = 0; i < val.length; i++){ // parse selected geofences ids in cycle ids = val[i].split('_'); // val[i] in format: 'id_resource'_'id_geofence' zones[zones.length] = {"itemId":ids[0],"id":ids[1]}; // add geofence data to array } var fname = $("#fname").val(); // get filename from corresponding field if(fname == ""){ msg("Invalid filename!"); return; } // validate filename // get export url var url = wialon.exchange.Exchange.getZonesExportUrl(fname, zones, false); msg("URL for geofences export " + url); // print export url window.location.href = url; // promt to save file } else msg("Nothing selected"); // no geofence selected, print message } // execute when DOM ready $(document).ready( function() { $("#export_btn").click( export_zones ); // bind action to button click 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 (code){ msg(wialon.core.Errors.getErrorText(code)); return; } // exit if error code msg("Logged successfully"); init(); // when login suceed then run init() function }); });
JS
Result
Source code of example
Close ✕
×
Source code