ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Adding Sencha Touch example.

Browse Source 
git-svn-id: http://svn.openlayers.org/trunk/openlayers@11124 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
This commit is contained in:
Tim Schaub
2011-02-16 08:50:32 +00:00
parent b3ca71d48f
commit 6e13d7f8f3
1 changed files with 123 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

123
examples/mobile-sencha.html Normal file
View File

@@ -0,0 +1,123 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>OpenLayers with Sencha Touch</title>
<script src="../lib/OpenLayers.js"></script>
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
<link rel="stylesheet" href="http://dev.sencha.com/deploy/touch/resources/css/sencha-touch.css">
<script src="http://dev.sencha.com/deploy/touch/sencha-touch.js"></script>
<script src="mobile.js"></script>
<style>
#map {
width: 100%;
height: 100%;
}
.olControlAttribution {
font-size: 10px;
bottom: 5px;
right: 5px;
}
</style>
<script>
new Ext.Application({
name: "ol",
launch: function() {
this.viewport = new Ext.Panel({
fullscreen: true,
dockedItems: [{
dock: "top",
xtype: "toolbar",
ui: "light",
layout: {
pack: "center"
},
defaults: {
ui: "plain",
iconMask: true
},
items: [{
iconCls: "arrow_left",
handler: function() {
pan(-0.25, 0);
}
}, {
iconCls: "arrow_up",
handler: function() {
pan(0, -0.25);
}
}, {
iconCls: "arrow_down",
handler: function() {
pan(0, 0.25);
}
}, {
iconCls: "arrow_right",
handler: function() {
pan(0.25, 0);
}
}]
}, {
dock: "bottom",
xtype: "toolbar",
ui: "light",
layout: {
pack: "center"
},
items: [{
xtype: "segmentedbutton",
items: [{
text: "navigate",
pressed: true
}, {
text: "point",
id: "point"
}, {
text: "line",
id: "line"
}, {
text: "poly",
id: "poly"
}, {
text: "modify",
id: "mod"
}],
listeners: {
toggle: function(container, button, pressed) {
Ext.each(map.getControlsByClass(/DrawFeature/), function(control) {
control.deactivate();
});
map.getControlsBy("id", "mod-control")[0].deactivate();
if (pressed) {
var id = button.id + "-control";
var control = map.getControlsBy("id", id)[0];
if (control) {
control.activate();
}
}
}
}
}]
}],
items: [{
xtype: "component",
scroll: false,
monitorResize: true,
id: "map",
listeners: {
render: init,
resize: function() {
if (window.map) {
map.updateSize();
}
}
}
}]
});
}
});
</script>
</head>
<body></body>
</html>