aboutsummaryrefslogtreecommitdiff
path: root/webm
diff options
context:
space:
mode:
Diffstat (limited to 'webm')
-rw-r--r--webm/app.js47
-rw-r--r--webm/index.html13
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>