[Commits] r1514 - in sandbox/cmoullet/ux/StreetViewPanel: examples ux/widgets

[commits at geoext.org]

Author: cmoullet
Date: 2009-11-29 00:15:04 +0100 (Sun, 29 Nov 2009)
New Revision: 1514

Modified:
   sandbox/cmoullet/ux/StreetViewPanel/examples/StreetViewPanelExample.js
   sandbox/cmoullet/ux/StreetViewPanel/ux/widgets/StreetViewPanel.js
Log:
Improve example


Modified: sandbox/cmoullet/ux/StreetViewPanel/examples/StreetViewPanelExample.js
===================================================================
--- sandbox/cmoullet/ux/StreetViewPanel/examples/StreetViewPanelExample.js	2009-11-28 22:33:21 UTC (rev 1513)
+++ sandbox/cmoullet/ux/StreetViewPanel/examples/StreetViewPanelExample.js	2009-11-28 23:15:04 UTC (rev 1514)
@@ -9,7 +9,7 @@
 Ext.onReady(function() {
     
     var options;
-    var extent = new OpenLayers.Bounds(7, 45.5, 9, 47.5);
+    var extent = new OpenLayers.Bounds(736500, 5861500, 740700, 5862500);
 
     options = {
         projection: new OpenLayers.Projection("EPSG:900913"),
@@ -23,10 +23,15 @@
     layer = new OpenLayers.Layer.Google(
             "Google Street", {sphericalMercator: true});
 
-    extent.transform(new OpenLayers.Projection("EPSG:4326"), options.projection);
+    //extent.transform(new OpenLayers.Projection("EPSG:4326"), options.projection);
 
     var map = new OpenLayers.Map(options);
 
+    var mouse = new OpenLayers.Control.MousePosition();
+
+    map.addControl(mouse);
+    mouse.activate();
+
     var toolbar = new Ext.Toolbar({
         items: [
             {
@@ -35,7 +40,7 @@
             {
                 text: 'Street View',
                 enableToggle: true,
-                pressed: false,
+                pressed: true,
                 handler: function() {
                     if (this.pressed) {
                         layer.mapObject.addOverlay(new GStreetviewOverlay());
@@ -85,13 +90,23 @@
                 title: 'Street View Panel',
                 closeAction: 'hide',
                 split: true
+            },
+            {
+                region: "south",
+                layout: 'fit',
+                id: "readme",
+                title: 'README',
+                html: 'Click in the map to see a panorama.<br>You can also use the map navigation tool to drag to another location. <br>If you click on one arrow, the video show will start and you will move every 2 seconds to a new position. You can stop that by clicking again on an arrow.'
             }
         ]
     });
 
     mapPanel = Ext.getCmp("mappanel");
     streetViewPanel = Ext.getCmp("streetviewpanel");
-    streetViewPanel.setSize(0, 0);
+    viewport.doLayout();
+    layer.mapObject.addOverlay(new GStreetviewOverlay());
+    streetViewPanel.add(streetViewPanelItem);
+    streetViewPanel.setSize('50%', 0);
     streetViewPanel.doLayout();
     viewport.doLayout();
 });
\ No newline at end of file

Modified: sandbox/cmoullet/ux/StreetViewPanel/ux/widgets/StreetViewPanel.js
===================================================================
--- sandbox/cmoullet/ux/StreetViewPanel/ux/widgets/StreetViewPanel.js	2009-11-28 22:33:21 UTC (rev 1513)
+++ sandbox/cmoullet/ux/StreetViewPanel/ux/widgets/StreetViewPanel.js	2009-11-28 23:15:04 UTC (rev 1514)
@@ -55,7 +55,7 @@
     /** private: property[videoTimeInterval]
      *  ``Boolean``  videoInterval
      */
-    videoTimeInterval: 2000,
+    videoTimeInterval: 2500,
 
     /** api: config[showTool]
      *  ``Boolean``  Defines if the 2D tool is shown in the map