diff options
Diffstat (limited to 'web')
| -rw-r--r-- | web/m/app.js | 47 | ||||
| -rw-r--r-- | web/m/index.html | 13 |
2 files changed, 60 insertions, 0 deletions
diff --git a/web/m/app.js b/web/m/app.js new file mode 100644 index 000000000..744bd22bf --- /dev/null +++ b/web/m/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/web/m/index.html b/web/m/index.html new file mode 100644 index 000000000..aa7930ff0 --- /dev/null +++ b/web/m/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> |