qooxdoo JS框架內的openlayers

我在我的移動JS（qooxdoo）應用程序中使用開放層drawing示例，並且所有工作都正常，但繪圖光標位於視口之上，所以我可以繪製但我沒有看到光標我向下滾動後只能看到圖紙。qooxdoo JS框架內的openlayers

我已經使用this qooxdoo示例作爲基礎。我還將openlayers示例中的所有css規則添加到了我的qooxdoo樣式中。

看起來像一個CSS位置問題，但我似乎無法找到它。

任何幫助，將不勝感激。

 /** 
    * Loads JavaScript library which is needed for the map. 
    */ 
    _loadMapLibrary: function() { 

     var self = this; 
     var req = new qx.bom.request.Script(); 

     var options = { 
      singleTile: true, 
      ratio: 1, 
      isBaseLayer: true, 
      wrapDateLine: true, 
      getURL: function() { 
       var center = self._map.getCenter().transform("EPSG:3857", "EPSG:4326"), 
        size = self._map.getSize(); 
       return [ 
       this.url, "&center=", center.lat, ",", center.lon, "&zoom=", self._map.getZoom(), "&size=", size.w, "x", size.h].join(""); 
      } 
     }; 

     req.onload = function() { 
      var vector = new OpenLayers.Layer.Vector('Vector Layer', { 
       styleMap: new OpenLayers.StyleMap({ 
        temporary: OpenLayers.Util.applyDefaults({ 
         pointRadius: 16 
        }, OpenLayers.Feature.Vector.style.temporary) 
       }) 
      }); 

      // OpenLayers' EditingToolbar internally creates a Navigation control, we 
      // want a TouchNavigation control here so we create our own editing toolbar 
      var toolbar = new OpenLayers.Control.Panel({ 
       displayClass: 'olControlEditingToolbar' 
      }); 
      toolbar.addControls([ 
      // this control is just there to be able to deactivate the drawing 
      // tools 
      new OpenLayers.Control({ 
       displayClass: 'olControlNavigation' 
      }), new OpenLayers.Control.ModifyFeature(vector, { 
       vertexRenderIntent: 'temporary', 
       displayClass: 'olControlModifyFeature' 
      }), new OpenLayers.Control.DrawFeature(vector, OpenLayers.Handler.Point, { 
       displayClass: 'olControlDrawFeaturePoint' 
      }), new OpenLayers.Control.DrawFeature(vector, OpenLayers.Handler.Path, { 
       displayClass: 'olControlDrawFeaturePath' 
      }), new OpenLayers.Control.DrawFeature(vector, OpenLayers.Handler.Polygon, { 
       displayClass: 'olControlDrawFeaturePolygon' 
      })]); 

      var osm = new OpenLayers.Layer.OSM(); 
      osm.wrapDateLine = false; 

      map = new OpenLayers.Map({ 
       div: 'googleMap', 
       projection: 'EPSG:900913', 
       numZoomLevels: 18, 
       controls: [ 
       new OpenLayers.Control.TouchNavigation({ 
        dragPanOptions: { 
         enableKinetic: true 
        } 
       }), new OpenLayers.Control.Zoom(), toolbar], 
       layers: [osm, vector], 
       center: new OpenLayers.LonLat(0, 0), 
       zoom: 1, 
       theme: null 
      }); 

      // activate the first control to render the "navigation icon" 
      // as active 
      toolbar.controls[0].activate(); 
     } 

     req.open("GET", this._mapUri); 
     req.send(); 
    },

來源

2013-01-03 E_lexy

請檢查遊標類的z-Index。最好的方法是通過Chrome的調試器控制檯或Firebug修改z-Index。

您的應用程序是否有任何現場示例可用？

來源

2013-01-08 12:23:15 czuendorf

qooxdoo JS框架內的openlayers

回答

相關問題