diff options
| author | Anton Tananaev <anton.tananaev@gmail.com> | 2015-05-14 15:07:15 +1200 |
|---|---|---|
| committer | Anton Tananaev <anton.tananaev@gmail.com> | 2015-05-14 15:07:15 +1200 |
| commit | b512fa18b7ff40cacce09aa5db02f9c29b3e9250 (patch) | |
| tree | e4ba762f1fd350698b641bc1f0f24be7a19e6724 /webm | |
| parent | f01ebc2af707bccfd29049afad7d081c58e7f771 (diff) | |
| download | trackermap-server-b512fa18b7ff40cacce09aa5db02f9c29b3e9250.tar.gz trackermap-server-b512fa18b7ff40cacce09aa5db02f9c29b3e9250.tar.bz2 trackermap-server-b512fa18b7ff40cacce09aa5db02f9c29b3e9250.zip | |
Add mobile web interface
Diffstat (limited to 'webm')
| -rw-r--r-- | webm/app.js | 47 | ||||
| -rw-r--r-- | webm/index.html | 13 |
2 files changed, 60 insertions, 0 deletions
diff --git a/webm/app.js b/webm/app.js new file mode 100644 index 000000000..744bd22bf --- /dev/null +++ b/webm/app.js @@ -0,0 +1,47 @@ +var mapPanel, toolbar, map; + +Ext.application({ + name: "Traccar", + + launch: function() { + + toolbar = Ext.create('Ext.Toolbar', { + docked: 'top', + ui: 'light', + title: 'Traccar' + }); + + mapPanel = Ext.create('Ext.Panel', { + listeners: { + painted: function() { + + var layer = new ol.layer.Tile({ source: new ol.source.OSM({ + })}); + + var view = new ol.View({ + center: ol.proj.fromLonLat([ -0.1275, 51.507222 ]), + zoom: 6, + maxZoom: 16 + }); + + map = new ol.Map({ + target: this.bodyElement.dom.id, + layers: [ layer ], + view: view + }); + }, + + resize: function() { + map.updateSize(); + } + } + }); + + Ext.create('Ext.Panel', { + fullscreen: true, + layout: 'fit', + items: [toolbar, mapPanel] + }); + + } +}); diff --git a/webm/index.html b/webm/index.html new file mode 100644 index 000000000..aa7930ff0 --- /dev/null +++ b/webm/index.html @@ -0,0 +1,13 @@ +<!DOCTYPE HTML> +<html> +<head> +<title>Traccar</title> +<link rel="stylesheet" href="//cdn.sencha.com/touch/sencha-touch-2.4.1/resources/css/sencha-touch.css"> +<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/ol3/3.5.0/ol.css"> +<script type="text/javascript" src="//cdn.sencha.com/touch/sencha-touch-2.4.1/sencha-touch-all-debug.js"></script> +<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/ol3/3.5.0/ol-debug.js"></script> +<script type="text/javascript" src="app.js"></script> +</head> +<body> +</body> +</html> |